Chocolate HarmonyA study in color.
Start with the whole. Fall for the details.
Pearl
Lightness
One color.
More possibilities.
RGB 206, 207, 211 · HSL 228°, 5.4%, 81.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 #CECFD3.
Every shade.
A new perspective.
#CECFD313.49:1 · AAA03 Profile & contrast
- CIELAB · D65
- 83.2, 0.4, -2.1
- Relative luminance
- 0.6245
- HSL saturation
- 5.4%
- HSL lightness
- 81.8%
Aa On white · 1.56:1 · Below AA
Aa On black · 13.49: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: #071330 at 11.78:1.
Dark Subtle Purple
Lightness
One color.
More possibilities.
RGB 7, 19, 48 · HSL 222.4°, 74.5%, 10.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 #071330.
Every shade.
A new perspective.
#07133018.34:1 · AAA03 Profile & contrast
- CIELAB · D65
- 6.5, 6.8, -20.8
- Relative luminance
- 0.0072
- HSL saturation
- 74.5%
- HSL lightness
- 10.8%
Aa On white · 18.34:1 · AAA
Aa On black · 1.14: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: #CECFD3 at 11.78:1.
Dark Pale Rose
Lightness
One color.
More possibilities.
RGB 57, 44, 61 · HSL 285.9°, 16.2%, 20.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 #392C3D.
Every shade.
A new perspective.
#392C3D13.11:1 · AAA03 Profile & contrast
- CIELAB · D65
- 20.1, 9.7, -8.5
- Relative luminance
- 0.0301
- HSL saturation
- 16.2%
- HSL lightness
- 20.6%
Aa On white · 13.11:1 · AAA
Aa On black · 1.60: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: #CECFD3 at 8.42:1.
Dark Violet
Lightness
One color.
More possibilities.
RGB 57, 75, 111 · HSL 220°, 32.1%, 32.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 #394B6F.
Every shade.
A new perspective.
#394B6F8.71:1 · AAA03 Profile & contrast
- CIELAB · D65
- 31.9, 3.8, -23
- Relative luminance
- 0.0705
- HSL saturation
- 32.1%
- HSL lightness
- 32.9%
Aa On white · 8.71:1 · AAA
Aa On black · 2.41: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: #CECFD3 at 5.60: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 ↗