Caramel Fog ReverieA study in color.
Start with the whole. Fall for the details.
Ghost Amber
Lightness
One color.
More possibilities.
RGB 224, 201, 188 · HSL 21.7°, 36.7%, 80.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 #E0C9BC.
Every shade.
A new perspective.
#E0C9BC13.25:1 · AAA03 Profile & contrast
- CIELAB · D65
- 82.5, 6, 9.4
- Relative luminance
- 0.6125
- HSL saturation
- 36.7%
- HSL lightness
- 80.8%
Aa On white · 1.58:1 · Below AA
Aa On black · 13.25: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: #2E3D3B at 7.17:1.
Light Vibrant Emerald
Lightness
One color.
More possibilities.
RGB 78, 195, 61 · HSL 112.4°, 52.8%, 50.2%. 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 #4EC33D.
Every shade.
A new perspective.
#4EC33D9.20:1 · AAA03 Profile & contrast
- CIELAB · D65
- 70.2, -57.6, 55.2
- Relative luminance
- 0.4099
- HSL saturation
- 52.8%
- HSL lightness
- 50.2%
Aa On white · 2.28:1 · Below AA
Aa On black · 9.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: #2E3D3B at 4.98:1.
Dark Vivid Crimson
Lightness
One color.
More possibilities.
RGB 176, 5, 42 · HSL 347°, 94.5%, 35.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 #B0052A.
Every shade.
A new perspective.
#B0052A7.24:1 · AAA03 Profile & contrast
- CIELAB · D65
- 36.9, 60.9, 30.5
- Relative luminance
- 0.0951
- HSL saturation
- 94.5%
- HSL lightness
- 35.5%
Aa On white · 7.24:1 · AAA
Aa On black · 2.90:1 · Below AA
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: #E0C9BC at 4.57:1.
Slate
Lightness
One color.
More possibilities.
RGB 46, 61, 59 · HSL 172°, 14%, 21%. 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 #2E3D3B.
Every shade.
A new perspective.
#2E3D3B11.37:1 · AAA03 Profile & contrast
- CIELAB · D65
- 24.4, -6.6, -0.8
- Relative luminance
- 0.0423
- HSL saturation
- 14%
- HSL lightness
- 21%
Aa On white · 11.37:1 · AAA
Aa On black · 1.85:1 · Below AA
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: #E0C9BC at 7.17: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 ↗