Orange Study — Apricot DriveA study in color.
Start with the whole. Fall for the details.
Orange
Lightness
One color.
More possibilities.
RGB 206, 159, 52 · HSL 41.7°, 61.1%, 50.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 #CE9F34.
Every shade.
A new perspective.
#CE9F348.63:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.1, 7.2, 59.3
- Relative luminance
- 0.3817
- HSL saturation
- 61.1%
- HSL lightness
- 50.6%
Aa On white · 2.43:1 · Below AA
Aa On black · 8.63: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: #BA4D14 at 2.08:1.
Warm Brown
Lightness
One color.
More possibilities.
RGB 177, 85, 32 · HSL 21.9°, 69.4%, 41%. 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 #B15520.
Every shade.
A new perspective.
#B155205.01:1 · AA03 Profile & contrast
- CIELAB · D65
- 46.9, 34.2, 46.1
- Relative luminance
- 0.1595
- HSL saturation
- 69.4%
- HSL lightness
- 41%
Aa On white · 5.01:1 · AA
Aa On black · 4.19: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: #CE9F34 at 2.06:1.
Orange
Lightness
One color.
More possibilities.
RGB 217, 146, 39 · HSL 36.1°, 70.1%, 50.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 #D99227.
Every shade.
A new perspective.
#D992278.09:1 · AAA03 Profile & contrast
- CIELAB · D65
- 66.1, 18.5, 62.6
- Relative luminance
- 0.3546
- HSL saturation
- 70.1%
- HSL lightness
- 50.2%
Aa On white · 2.60:1 · Below AA
Aa On black · 8.09: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: #BA4D14 at 1.95:1.
Warm Brown
Lightness
One color.
More possibilities.
RGB 174, 109, 31 · HSL 32.7°, 69.8%, 40.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 #AE6D1F.
Every shade.
A new perspective.
#AE6D1F5.01:1 · AA03 Profile & contrast
- CIELAB · D65
- 51.9, 19.8, 50.9
- Relative luminance
- 0.2003
- HSL saturation
- 69.8%
- HSL lightness
- 40.2%
Aa On white · 4.19:1 · Below AA
Aa On black · 5.01: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: #CE9F34 at 1.72:1.
Warm Brown
Lightness
One color.
More possibilities.
RGB 186, 77, 20 · HSL 20.6°, 80.6%, 40.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 #BA4D14.
Every shade.
A new perspective.
#BA4D145.05:1 · AA03 Profile & contrast
- CIELAB · D65
- 46.7, 41.4, 51.3
- Relative luminance
- 0.158
- HSL saturation
- 80.6%
- HSL lightness
- 40.4%
Aa On white · 5.05:1 · AA
Aa On black · 4.16: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: #CE9F34 at 2.08: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 ↗