Citrus Study — Effervescent SagaA study in color.
Start with the whole. Fall for the details.
Light Orange
Lightness
One color.
More possibilities.
RGB 255, 193, 165 · HSL 18.7°, 100%, 82.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 #FFC1A5.
Every shade.
A new perspective.
#FFC1A513.42:1 · AAA03 Profile & contrast
- CIELAB · D65
- 83, 18.6, 22.7
- Relative luminance
- 0.6212
- HSL saturation
- 100%
- HSL lightness
- 82.4%
Aa On white · 1.56:1 · Below AA
Aa On black · 13.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: #FDBB39 at 1.09:1.
Light Orange
Lightness
One color.
More possibilities.
RGB 254, 185, 138 · HSL 24.3°, 98.3%, 76.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 #FEB98A.
Every shade.
A new perspective.
#FEB98A12.52:1 · AAA03 Profile & contrast
- CIELAB · D65
- 80.5, 19.5, 33.6
- Relative luminance
- 0.576
- HSL saturation
- 98.3%
- HSL lightness
- 76.9%
Aa On white · 1.68:1 · Below AA
Aa On black · 12.52: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: #FFC1A5 at 1.07:1.
Orange
Lightness
One color.
More possibilities.
RGB 253, 187, 57 · HSL 39.8°, 98%, 60.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 #FDBB39.
Every shade.
A new perspective.
#FDBB3912.34:1 · AAA03 Profile & contrast
- CIELAB · D65
- 80, 12.7, 70.4
- Relative luminance
- 0.5672
- HSL saturation
- 98%
- HSL lightness
- 60.8%
Aa On white · 1.70:1 · Below AA
Aa On black · 12.34: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: #FFC1A5 at 1.09: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 ↗