Island Spirit EnergyA study in color.
Start with the whole. Fall for the details.
Dark Muted Purple
Lightness
One color.
More possibilities.
RGB 3, 7, 30 · HSL 231.1°, 81.8%, 6.5%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #03071E.
Every shade.
A new perspective.
#03071E19.94:1 · AAA03 Profile & contrast
- CIELAB · D65
- 2.4, 3.9, -13.5
- Relative luminance
- 0.0027
- HSL saturation
- 81.8%
- HSL lightness
- 6.5%
Aa On white · 19.94:1 · AAA
Aa On black · 1.05:1 · Below AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #FFBA08 at 11.66:1.
Midnight Red
Lightness
One color.
More possibilities.
RGB 55, 6, 23 · HSL 339.2°, 80.3%, 12%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #370617.
Every shade.
A new perspective.
#37061717.49:1 · AAA03 Profile & contrast
- CIELAB · D65
- 9, 25.3, 2.6
- Relative luminance
- 0.01
- HSL saturation
- 80.3%
- HSL lightness
- 12%
Aa On white · 17.49:1 · AAA
Aa On black · 1.20:1 · Below AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #FFBA08 at 10.23:1.
Dark Medium Orange
Lightness
One color.
More possibilities.
RGB 106, 4, 15 · HSL 353.5°, 92.7%, 21.6%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #6A040F.
Every shade.
A new perspective.
#6A040F12.83:1 · AAA03 Profile & contrast
- CIELAB · D65
- 20.8, 41.4, 25.1
- Relative luminance
- 0.0319
- HSL saturation
- 92.7%
- HSL lightness
- 21.6%
Aa On white · 12.83:1 · AAA
Aa On black · 1.64:1 · Below AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #FFBA08 at 7.50:1.
Dark Orange
Lightness
One color.
More possibilities.
RGB 157, 2, 8 · HSL 357.7°, 97.5%, 31.2%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #9D0208.
Every shade.
A new perspective.
#9D02088.59:1 · AAA03 Profile & contrast
- CIELAB · D65
- 32.3, 55.6, 43
- Relative luminance
- 0.0723
- HSL saturation
- 97.5%
- HSL lightness
- 31.2%
Aa On white · 8.59:1 · AAA
Aa On black · 2.45:1 · Below AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #FFBA08 at 5.02:1.
Electric Orange
Lightness
One color.
More possibilities.
RGB 208, 0, 0 · HSL 0°, 100%, 40.8%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #D00000.
Every shade.
A new perspective.
#D000005.70:1 · AA03 Profile & contrast
- CIELAB · D65
- 43.4, 68.7, 57.6
- Relative luminance
- 0.1341
- HSL saturation
- 100%
- HSL lightness
- 40.8%
Aa On white · 5.70:1 · AA
Aa On black · 3.68:1 · Below AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #03071E at 3.50:1.
Orange
Lightness
One color.
More possibilities.
RGB 220, 47, 2 · HSL 12.4°, 98.2%, 43.5%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #DC2F02.
Every shade.
A new perspective.
#DC2F024.72:1 · AA03 Profile & contrast
- CIELAB · D65
- 48.6, 64.1, 60.6
- Relative luminance
- 0.1725
- HSL saturation
- 98.2%
- HSL lightness
- 43.5%
Aa On white · 4.72:1 · AA
Aa On black · 4.45:1 · Below AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #03071E at 4.23:1.
Vivid Amber
Lightness
One color.
More possibilities.
RGB 232, 93, 4 · HSL 23.4°, 96.6%, 46.3%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #E85D04.
Every shade.
A new perspective.
#E85D046.00:1 · AA03 Profile & contrast
- CIELAB · D65
- 57.1, 50.8, 65.7
- Relative luminance
- 0.2499
- HSL saturation
- 96.6%
- HSL lightness
- 46.3%
Aa On white · 3.50:1 · Below AA
Aa On black · 6.00:1 · AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #03071E at 5.70:1.
Light Bold Yellow
Lightness
One color.
More possibilities.
RGB 244, 140, 6 · HSL 33.8°, 95.2%, 49%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #F48C06.
Every shade.
A new perspective.
#F48C068.60:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68, 32.4, 73
- Relative luminance
- 0.38
- HSL saturation
- 95.2%
- HSL lightness
- 49%
Aa On white · 2.44:1 · Below AA
Aa On black · 8.60:1 · AAA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #03071E at 8.17:1.
Light Bright Yellow
Lightness
One color.
More possibilities.
RGB 250, 163, 7 · HSL 38.5°, 96%, 50.4%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #FAA307.
Every shade.
A new perspective.
#FAA30710.31:1 · AAA03 Profile & contrast
- CIELAB · D65
- 73.9, 22.9, 77.2
- Relative luminance
- 0.4653
- HSL saturation
- 96%
- HSL lightness
- 50.4%
Aa On white · 2.04:1 · Below AA
Aa On black · 10.31:1 · AAA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #03071E at 9.79:1.
Soft Chartreuse
Lightness
One color.
More possibilities.
RGB 255, 186, 8 · HSL 43.2°, 100%, 51.6%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #FFBA08.
Every shade.
A new perspective.
#FFBA0812.28:1 · AAA03 Profile & contrast
- CIELAB · D65
- 79.8, 13, 81.4
- Relative luminance
- 0.564
- HSL saturation
- 100%
- HSL lightness
- 51.6%
Aa On white · 1.71:1 · Below AA
Aa On black · 12.28:1 · AAA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #03071E at 11.66:1.
Give these colors
somewhere to live.
Try the complete palette in QRCO’s brand, type and interface previews. Keep the colors you love and explore the rest.
Use this palette ↗