Orange Study — Citrus ImpactA study in color.
Start with the whole. Fall for the details.
Orange
Lightness
One color.
More possibilities.
RGB 198, 101, 30 · HSL 25.4°, 73.7%, 44.7%. 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 #C6651E.
Every shade.
A new perspective.
#C6651E5.28:1 · AA03 Profile & contrast
- CIELAB · D65
- 53.4, 34.3, 53.9
- Relative luminance
- 0.2141
- HSL saturation
- 73.7%
- HSL lightness
- 44.7%
Aa On white · 3.98:1 · Below AA
Aa On black · 5.28: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: #F19A36 at 1.78:1.
Orange
Lightness
One color.
More possibilities.
RGB 225, 127, 51 · HSL 26.2°, 74.4%, 54.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 #E17F33.
Every shade.
A new perspective.
#E17F337.29:1 · AAA03 Profile & contrast
- CIELAB · D65
- 62.9, 32.4, 55.4
- Relative luminance
- 0.3143
- HSL saturation
- 74.4%
- HSL lightness
- 54.1%
Aa On white · 2.88:1 · Below AA
Aa On black · 7.29: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: #C6651E at 1.38:1.
Terracotta
Lightness
One color.
More possibilities.
RGB 210, 118, 57 · HSL 23.9°, 63%, 52.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 #D27639.
Every shade.
A new perspective.
#D276396.39:1 · AA03 Profile & contrast
- CIELAB · D65
- 58.9, 31.2, 48
- Relative luminance
- 0.2695
- HSL saturation
- 63%
- HSL lightness
- 52.4%
Aa On white · 3.29:1 · Below AA
Aa On black · 6.39: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: #F19A36 at 1.47:1.
Orange
Lightness
One color.
More possibilities.
RGB 241, 154, 54 · HSL 32.1°, 87%, 57.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 #F19A36.
Every shade.
A new perspective.
#F19A369.42:1 · AAA03 Profile & contrast
- CIELAB · D65
- 70.9, 24.9, 62.6
- Relative luminance
- 0.4208
- HSL saturation
- 87%
- HSL lightness
- 57.8%
Aa On white · 2.23:1 · Below AA
Aa On black · 9.42: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: #C6651E at 1.78:1.
Orange
Lightness
One color.
More possibilities.
RGB 225, 160, 59 · HSL 36.5°, 73.5%, 55.7%. 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 #E1A03B.
Every shade.
A new perspective.
#E1A03B9.29:1 · AAA03 Profile & contrast
- CIELAB · D65
- 70.5, 15.1, 59.5
- Relative luminance
- 0.4146
- HSL saturation
- 73.5%
- HSL lightness
- 55.7%
Aa On white · 2.26:1 · Below AA
Aa On black · 9.29: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: #C6651E at 1.76: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 ↗