Chocolate SolaceA study in color.
Start with the whole. Fall for the details.
Charcoal
Lightness
One color.
More possibilities.
RGB 18, 21, 26 · HSL 217.5°, 18.2%, 8.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 #12151A.
Every shade.
A new perspective.
#12151A18.29:1 · AAA03 Profile & contrast
- CIELAB · D65
- 6.7, 0, -3.9
- Relative luminance
- 0.0074
- HSL saturation
- 18.2%
- HSL lightness
- 8.6%
Aa On white · 18.29:1 · AAA
Aa On black · 1.15: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: #DBE0DC at 13.68:1.
Pearl
Lightness
One color.
More possibilities.
RGB 219, 224, 220 · HSL 132°, 7.5%, 86.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 #DBE0DC.
Every shade.
A new perspective.
#DBE0DC15.71:1 · AAA03 Profile & contrast
- CIELAB · D65
- 88.7, -2.4, 1.4
- Relative luminance
- 0.7354
- HSL saturation
- 7.5%
- HSL lightness
- 86.9%
Aa On white · 1.34:1 · Below AA
Aa On black · 15.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: #12151A at 13.68:1.
Light Soft Amber
Lightness
One color.
More possibilities.
RGB 216, 171, 145 · HSL 22°, 47.7%, 70.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 #D8AB91.
Every shade.
A new perspective.
#D8AB9110.15:1 · AAA03 Profile & contrast
- CIELAB · D65
- 73.4, 12.8, 19.7
- Relative luminance
- 0.4577
- HSL saturation
- 47.7%
- HSL lightness
- 70.8%
Aa On white · 2.07:1 · Below AA
Aa On black · 10.15: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: #12151A at 8.85:1.
Dark Medium Orange
Lightness
One color.
More possibilities.
RGB 93, 18, 18 · HSL 0°, 67.6%, 21.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 #5D1212.
Every shade.
A new perspective.
#5D121213.46:1 · AAA03 Profile & contrast
- CIELAB · D65
- 19.2, 33.4, 20.9
- Relative luminance
- 0.028
- HSL saturation
- 67.6%
- HSL lightness
- 21.8%
Aa On white · 13.46:1 · AAA
Aa On black · 1.56: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: #DBE0DC at 10.06: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 ↗