Yellow Study — Mango AmbianceA study in color.
Start with the whole. Fall for the details.
Yellow
Lightness
One color.
More possibilities.
RGB 212, 220, 109 · HSL 64.3°, 61.3%, 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 #D4DC6D.
Every shade.
A new perspective.
#D4DC6D14.26:1 · AAA03 Profile & contrast
- CIELAB · D65
- 85.1, -18, 53
- Relative luminance
- 0.6629
- HSL saturation
- 61.3%
- HSL lightness
- 64.5%
Aa On white · 1.47:1 · Below AA
Aa On black · 14.26: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: #D9B444 at 1.35:1.
Yellow
Lightness
One color.
More possibilities.
RGB 221, 202, 74 · HSL 52.2°, 68.4%, 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 #DDCA4A.
Every shade.
A new perspective.
#DDCA4A12.62:1 · AAA03 Profile & contrast
- CIELAB · D65
- 80.8, -7.8, 63.7
- Relative luminance
- 0.5811
- HSL saturation
- 68.4%
- HSL lightness
- 57.8%
Aa On white · 1.66:1 · Below AA
Aa On black · 12.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: #D9B444 at 1.19:1.
Yellow
Lightness
One color.
More possibilities.
RGB 217, 180, 68 · HSL 45.1°, 66.2%, 55.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 #D9B444.
Every shade.
A new perspective.
#D9B44410.56:1 · AAA03 Profile & contrast
- CIELAB · D65
- 74.7, 1.5, 59.8
- Relative luminance
- 0.4781
- HSL saturation
- 66.2%
- HSL lightness
- 55.9%
Aa On white · 1.99:1 · Below AA
Aa On black · 10.56: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: #D4DC6D at 1.35: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 ↗