Citrus Study — Lively Canvas RadianceA study in color.
Start with the whole. Fall for the details.
Light Orange
Lightness
One color.
More possibilities.
RGB 248, 190, 168 · HSL 16.5°, 85.1%, 81.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 #F8BEA8.
Every shade.
A new perspective.
#F8BEA812.92:1 · AAA03 Profile & contrast
- CIELAB · D65
- 81.6, 17.9, 19.2
- Relative luminance
- 0.5961
- HSL saturation
- 85.1%
- HSL lightness
- 81.6%
Aa On white · 1.63:1 · Below AA
Aa On black · 12.92: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: #F19A7B at 1.34:1.
Orange
Lightness
One color.
More possibilities.
RGB 237, 170, 123 · HSL 24.7°, 76%, 70.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 #EDAA7B.
Every shade.
A new perspective.
#EDAA7B10.64:1 · AAA03 Profile & contrast
- CIELAB · D65
- 74.9, 19.2, 33.9
- Relative luminance
- 0.4818
- HSL saturation
- 76%
- HSL lightness
- 70.6%
Aa On white · 1.97:1 · Below AA
Aa On black · 10.64: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: #FACFB1 at 1.37:1.
Orange
Lightness
One color.
More possibilities.
RGB 244, 194, 115 · HSL 36.7°, 85.4%, 70.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 #F4C273.
Every shade.
A new perspective.
#F4C27312.81:1 · AAA03 Profile & contrast
- CIELAB · D65
- 81.3, 8.7, 46.2
- Relative luminance
- 0.5905
- HSL saturation
- 85.4%
- HSL lightness
- 70.4%
Aa On white · 1.64:1 · Below AA
Aa On black · 12.81: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: #F19A7B at 1.33:1.
Lime
Lightness
One color.
More possibilities.
RGB 183, 215, 114 · HSL 79°, 55.8%, 64.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 #B7D772.
Every shade.
A new perspective.
#B7D77212.98:1 · AAA03 Profile & contrast
- CIELAB · D65
- 81.8, -26.4, 46.1
- Relative luminance
- 0.5988
- HSL saturation
- 55.8%
- HSL lightness
- 64.5%
Aa On white · 1.62:1 · Below AA
Aa On black · 12.98: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: #F19A7B at 1.34:1.
Orange
Lightness
One color.
More possibilities.
RGB 241, 154, 123 · HSL 15.8°, 80.8%, 71.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 #F19A7B.
Every shade.
A new perspective.
#F19A7B9.65:1 · AAA03 Profile & contrast
- CIELAB · D65
- 71.7, 29.3, 29.8
- Relative luminance
- 0.4324
- HSL saturation
- 80.8%
- HSL lightness
- 71.4%
Aa On white · 2.18:1 · Below AA
Aa On black · 9.65: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: #FACFB1 at 1.52:1.
Light Orange
Lightness
One color.
More possibilities.
RGB 250, 207, 177 · HSL 24.7°, 88%, 83.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 #FACFB1.
Every shade.
A new perspective.
#FACFB114.62:1 · AAA03 Profile & contrast
- CIELAB · D65
- 86.1, 10.9, 20.6
- Relative luminance
- 0.6812
- HSL saturation
- 88%
- HSL lightness
- 83.7%
Aa On white · 1.44:1 · Below AA
Aa On black · 14.62: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: #F19A7B at 1.52: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 ↗