Yellow Study — Mango ExplosionA study in color.
Start with the whole. Fall for the details.
Yellow
Lightness
One color.
More possibilities.
RGB 197, 164, 36 · HSL 47.7°, 69.1%, 45.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 #C5A424.
Every shade.
A new perspective.
#C5A4248.71:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.4, -0.1, 64.8
- Relative luminance
- 0.3855
- HSL saturation
- 69.1%
- HSL lightness
- 45.7%
Aa On white · 2.41:1 · Below AA
Aa On black · 8.71: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: #F1EC31 at 1.93:1.
Yellow
Lightness
One color.
More possibilities.
RGB 241, 236, 49 · HSL 58.4°, 87.3%, 56.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 #F1EC31.
Every shade.
A new perspective.
#F1EC3116.78:1 · AAA03 Profile & contrast
- CIELAB · D65
- 91.2, -17.4, 82.4
- Relative luminance
- 0.7891
- HSL saturation
- 87.3%
- HSL lightness
- 56.9%
Aa On white · 1.25:1 · Below AA
Aa On black · 16.78: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: #C5A424 at 1.93:1.
Yellow
Lightness
One color.
More possibilities.
RGB 242, 203, 56 · HSL 47.4°, 87.7%, 58.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 #F2CB38.
Every shade.
A new perspective.
#F2CB3813.37:1 · AAA03 Profile & contrast
- CIELAB · D65
- 82.8, -0.3, 73
- Relative luminance
- 0.6187
- HSL saturation
- 87.7%
- HSL lightness
- 58.4%
Aa On white · 1.57:1 · Below AA
Aa On black · 13.37: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: #C5A424 at 1.54:1.
Yellow
Lightness
One color.
More possibilities.
RGB 222, 228, 97 · HSL 62.7°, 70.8%, 63.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 #DEE461.
Every shade.
A new perspective.
#DEE46115.38:1 · AAA03 Profile & contrast
- CIELAB · D65
- 87.9, -18.9, 61.8
- Relative luminance
- 0.7188
- HSL saturation
- 70.8%
- HSL lightness
- 63.7%
Aa On white · 1.37:1 · Below AA
Aa On black · 15.38: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: #C5A424 at 1.77: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 ↗