Orange Study — Amber BlissA study in color.
Start with the whole. Fall for the details.
Orange
Lightness
One color.
More possibilities.
RGB 227, 104, 54 · HSL 17.3°, 75.5%, 55.1%. 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 #E36836.
Every shade.
A new perspective.
#E368366.30:1 · AA03 Profile & contrast
- CIELAB · D65
- 58.5, 44.9, 49.7
- Relative luminance
- 0.265
- HSL saturation
- 75.5%
- HSL lightness
- 55.1%
Aa On white · 3.33:1 · Below AA
Aa On black · 6.30: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: #ECA13F at 1.55:1.
Orange
Lightness
One color.
More possibilities.
RGB 230, 119, 62 · HSL 20.4°, 77.1%, 57.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 #E6773E.
Every shade.
A new perspective.
#E6773E7.07:1 · AAA03 Profile & contrast
- CIELAB · D65
- 62, 38.9, 49.6
- Relative luminance
- 0.3036
- HSL saturation
- 77.1%
- HSL lightness
- 57.3%
Aa On white · 2.97:1 · Below AA
Aa On black · 7.07: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: #ECA13F at 1.38:1.
Orange
Lightness
One color.
More possibilities.
RGB 214, 148, 77 · HSL 31.1°, 62.6%, 57.1%. 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 #D6944D.
Every shade.
A new perspective.
#D6944D8.20:1 · AAA03 Profile & contrast
- CIELAB · D65
- 66.5, 17.9, 46.7
- Relative luminance
- 0.3601
- HSL saturation
- 62.6%
- HSL lightness
- 57.1%
Aa On white · 2.56:1 · Below AA
Aa On black · 8.20: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: #E36836 at 1.30:1.
Orange
Lightness
One color.
More possibilities.
RGB 236, 161, 63 · HSL 34°, 82%, 58.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 #ECA13F.
Every shade.
A new perspective.
#ECA13F9.74:1 · AAA03 Profile & contrast
- CIELAB · D65
- 72, 19.4, 59.8
- Relative luminance
- 0.4368
- HSL saturation
- 82%
- HSL lightness
- 58.6%
Aa On white · 2.16:1 · Below AA
Aa On black · 9.74: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: #E36836 at 1.55:1.
Orange
Lightness
One color.
More possibilities.
RGB 194, 135, 47 · HSL 35.9°, 61%, 47.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 #C2872F.
Every shade.
A new perspective.
#C2872F6.80:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.8, 14.8, 53.7
- Relative luminance
- 0.29
- HSL saturation
- 61%
- HSL lightness
- 47.3%
Aa On white · 3.09:1 · Below AA
Aa On black · 6.80: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: #ECA13F at 1.43: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 ↗