Mocha Shock StillnessA study in color.
Start with the whole. Fall for the details.
Dark Purple
Lightness
One color.
More possibilities.
RGB 81, 85, 106 · HSL 230.4°, 13.4%, 36.7%. 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 #51556A.
Every shade.
A new perspective.
#51556A7.35:1 · AAA03 Profile & contrast
- CIELAB · D65
- 36.5, 3.5, -12.6
- Relative luminance
- 0.0929
- HSL saturation
- 13.4%
- HSL lightness
- 36.7%
Aa On white · 7.35:1 · AAA
Aa On black · 2.86: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: #8F916B at 2.25:1.
Subtle Green
Lightness
One color.
More possibilities.
RGB 143, 145, 107 · HSL 63.2°, 15.1%, 49.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 #8F916B.
Every shade.
A new perspective.
#8F916B6.43:1 · AA03 Profile & contrast
- CIELAB · D65
- 59.1, -7.3, 20
- Relative luminance
- 0.2715
- HSL saturation
- 15.1%
- HSL lightness
- 49.4%
Aa On white · 3.27:1 · Below AA
Aa On black · 6.43: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: #1A4D78 at 2.71:1.
Dark Indigo
Lightness
One color.
More possibilities.
RGB 26, 77, 120 · HSL 207.4°, 64.4%, 28.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 #1A4D78.
Every shade.
A new perspective.
#1A4D788.84:1 · AAA03 Profile & contrast
- CIELAB · D65
- 31.5, -0.8, -29.3
- Relative luminance
- 0.0688
- HSL saturation
- 64.4%
- HSL lightness
- 28.6%
Aa On white · 8.84:1 · AAA
Aa On black · 2.38: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: #8F916B at 2.71:1.
Red
Lightness
One color.
More possibilities.
RGB 150, 120, 125 · HSL 350°, 12.5%, 52.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 #96787D.
Every shade.
A new perspective.
#96787D5.28:1 · AA03 Profile & contrast
- CIELAB · D65
- 53.4, 12.5, 1.7
- Relative luminance
- 0.214
- HSL saturation
- 12.5%
- HSL lightness
- 52.9%
Aa On white · 3.98:1 · Below AA
Aa On black · 5.28: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: #1A4D78 at 2.22: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 ↗