Citrus Study — Citrus SensationA study in color.
Start with the whole. Fall for the details.
Light Orange
Lightness
One color.
More possibilities.
RGB 255, 249, 234 · HSL 42.9°, 100%, 95.9%. 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 #FFF9EA.
Every shade.
A new perspective.
#FFF9EA19.99:1 · AAA03 Profile & contrast
- CIELAB · D65
- 98, -0.5, 7.9
- Relative luminance
- 0.9495
- HSL saturation
- 100%
- HSL lightness
- 95.9%
Aa On white · 1.05:1 · Below AA
Aa On black · 19.99: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: #FFC4AB at 1.46:1.
Light Orange
Lightness
One color.
More possibilities.
RGB 255, 220, 186 · HSL 29.6°, 100%, 86.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 #FFDCBA.
Every shade.
A new perspective.
#FFDCBA16.20:1 · AAA03 Profile & contrast
- CIELAB · D65
- 89.9, 7.2, 21.2
- Relative luminance
- 0.7599
- HSL saturation
- 100%
- HSL lightness
- 86.5%
Aa On white · 1.30:1 · Below AA
Aa On black · 16.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: #FFFCDB at 1.25:1.
Light Yellow
Lightness
One color.
More possibilities.
RGB 255, 252, 219 · HSL 55°, 100%, 92.9%. 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 #FFFCDB.
Every shade.
A new perspective.
#FFFCDB20.20:1 · AAA03 Profile & contrast
- CIELAB · D65
- 98.4, -4.4, 16.2
- Relative luminance
- 0.96
- HSL saturation
- 100%
- HSL lightness
- 92.9%
Aa On white · 1.04:1 · Below AA
Aa On black · 20.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: #FFC4AB at 1.47:1.
Lime
Lightness
One color.
More possibilities.
RGB 169, 234, 36 · HSL 79.7°, 82.5%, 52.9%. 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 #A9EA24.
Every shade.
A new perspective.
#A9EA2414.48:1 · AAA03 Profile & contrast
- CIELAB · D65
- 85.7, -45.5, 78.8
- Relative luminance
- 0.6741
- HSL saturation
- 82.5%
- HSL lightness
- 52.9%
Aa On white · 1.45:1 · Below AA
Aa On black · 14.48: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: #FFFCDB at 1.39:1.
Light Orange
Lightness
One color.
More possibilities.
RGB 255, 196, 171 · HSL 17.9°, 100%, 83.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 #FFC4AB.
Every shade.
A new perspective.
#FFC4AB13.74:1 · AAA03 Profile & contrast
- CIELAB · D65
- 83.8, 17.7, 20.7
- Relative luminance
- 0.6368
- HSL saturation
- 100%
- HSL lightness
- 83.5%
Aa On white · 1.53:1 · Below AA
Aa On black · 13.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: #FFFCDB at 1.47:1.
Light Orange
Lightness
One color.
More possibilities.
RGB 255, 206, 166 · HSL 27°, 100%, 82.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 #FFCEA6.
Every shade.
A new perspective.
#FFCEA614.63:1 · AAA03 Profile & contrast
- CIELAB · D65
- 86.1, 11.9, 26.5
- Relative luminance
- 0.6816
- HSL saturation
- 100%
- HSL lightness
- 82.5%
Aa On white · 1.44:1 · Below AA
Aa On black · 14.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: #FFFCDB at 1.38: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 ↗