Caramel EchoA study in color.
Start with the whole. Fall for the details.
Pearl
Lightness
One color.
More possibilities.
RGB 222, 226, 236 · HSL 222.9°, 26.9%, 89.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 #DEE2EC.
Every shade.
A new perspective.
#DEE2EC16.20:1 · AAA03 Profile & contrast
- CIELAB · D65
- 89.8, 0.5, -5.3
- Relative luminance
- 0.7598
- HSL saturation
- 26.9%
- HSL lightness
- 89.8%
Aa On white · 1.30:1 · Below AA
Aa On black · 16.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: #8C756A at 3.33:1.
Pale Amber
Lightness
One color.
More possibilities.
RGB 140, 117, 106 · HSL 19.4°, 13.8%, 48.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 #8C756A.
Every shade.
A new perspective.
#8C756A4.87:1 · AA03 Profile & contrast
- CIELAB · D65
- 51.1, 7.1, 9.4
- Relative luminance
- 0.1934
- HSL saturation
- 13.8%
- HSL lightness
- 48.2%
Aa On white · 4.31:1 · Below AA
Aa On black · 4.87:1 · 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: #DEE2EC at 3.33:1.
Light Rich Azure
Lightness
One color.
More possibilities.
RGB 26, 200, 219 · HSL 185.9°, 78.8%, 48%. 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 #1AC8DB.
Every shade.
A new perspective.
#1AC8DB10.33:1 · AAA03 Profile & contrast
- CIELAB · D65
- 74, -33.3, -20.9
- Relative luminance
- 0.4664
- HSL saturation
- 78.8%
- HSL lightness
- 48%
Aa On white · 2.03:1 · Below AA
Aa On black · 10.33: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: #8C756A at 2.12:1.
Subtle Blue
Lightness
One color.
More possibilities.
RGB 2, 146, 183 · HSL 192.3°, 97.8%, 36.3%. 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 #0292B7.
Every shade.
A new perspective.
#0292B75.80:1 · AA03 Profile & contrast
- CIELAB · D65
- 56.1, -19.1, -28.4
- Relative luminance
- 0.2399
- HSL saturation
- 97.8%
- HSL lightness
- 36.3%
Aa On white · 3.62:1 · Below AA
Aa On black · 5.80:1 · 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: #DEE2EC at 2.79: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 ↗