Shadow MagicA study in color.
Start with the whole. Fall for the details.
Charcoal
Lightness
One color.
More possibilities.
RGB 2, 3, 1 · HSL 90°, 50%, 0.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 #020301.
Every shade.
A new perspective.
#02030120.67:1 · AAA03 Profile & contrast
- CIELAB · D65
- 0.7, -0.5, 0.7
- Relative luminance
- 0.0008
- HSL saturation
- 50%
- HSL lightness
- 0.8%
Aa On white · 20.67:1 · AAA
Aa On black · 1.02: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: #817E88 at 5.19:1.
Gray
Lightness
One color.
More possibilities.
RGB 129, 126, 136 · HSL 258°, 4%, 51.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 #817E88.
Every shade.
A new perspective.
#817E885.27:1 · AA03 Profile & contrast
- CIELAB · D65
- 53.3, 3.2, -5
- Relative luminance
- 0.2137
- HSL saturation
- 4%
- HSL lightness
- 51.4%
Aa On white · 3.98:1 · Below AA
Aa On black · 5.27: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: #020301 at 5.19:1.
Midnight Cyan
Lightness
One color.
More possibilities.
RGB 1, 38, 34 · HSL 173.5°, 94.9%, 7.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 #012622.
Every shade.
A new perspective.
#01262216.13:1 · AAA03 Profile & contrast
- CIELAB · D65
- 12.7, -14.2, -1.1
- Relative luminance
- 0.0151
- HSL saturation
- 94.9%
- HSL lightness
- 7.6%
Aa On white · 16.13:1 · AAA
Aa On black · 1.30: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: #817E88 at 4.05:1.
Dark Faded Lime
Lightness
One color.
More possibilities.
RGB 93, 81, 48 · HSL 44°, 31.9%, 27.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 #5D5130.
Every shade.
A new perspective.
#5D51307.82:1 · AAA03 Profile & contrast
- CIELAB · D65
- 34.9, -0.2, 21.2
- Relative luminance
- 0.0843
- HSL saturation
- 31.9%
- HSL lightness
- 27.6%
Aa On white · 7.82:1 · AAA
Aa On black · 2.69: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: #020301 at 2.64: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 ↗