Chocolate Shadow SuiteA study in color.
Start with the whole. Fall for the details.
Muted Azure
Lightness
One color.
More possibilities.
RGB 77, 105, 111 · HSL 190.6°, 18.1%, 36.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 #4D696F.
Every shade.
A new perspective.
#4D696F5.89:1 · AA03 Profile & contrast
- CIELAB · D65
- 42.5, -8.7, -6.7
- Relative luminance
- 0.1283
- HSL saturation
- 18.1%
- HSL lightness
- 36.9%
Aa On white · 5.89:1 · AA
Aa On black · 3.57: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: #FFCBC4 at 4.09:1.
Ice Orange
Lightness
One color.
More possibilities.
RGB 255, 203, 196 · HSL 7.1°, 100%, 88.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 #FFCBC4.
Every shade.
A new perspective.
#FFCBC414.59:1 · AAA03 Profile & contrast
- CIELAB · D65
- 86, 17.4, 10.5
- Relative luminance
- 0.6796
- HSL saturation
- 100%
- HSL lightness
- 88.4%
Aa On white · 1.44:1 · Below AA
Aa On black · 14.59: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: #4D696F at 4.09:1.
Crimson
Lightness
One color.
More possibilities.
RGB 207, 55, 68 · HSL 354.9°, 61.3%, 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 #CF3744.
Every shade.
A new perspective.
#CF37444.90:1 · AA03 Profile & contrast
- CIELAB · D65
- 47.5, 59.5, 28.8
- Relative luminance
- 0.1642
- HSL saturation
- 61.3%
- HSL lightness
- 51.4%
Aa On white · 4.90:1 · AA
Aa On black · 4.28: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: #FFCBC4 at 3.41:1.
Pale Green
Lightness
One color.
More possibilities.
RGB 147, 183, 95 · HSL 84.5°, 37.9%, 54.5%. 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 #93B75F.
Every shade.
A new perspective.
#93B75F9.18:1 · AAA03 Profile & contrast
- CIELAB · D65
- 70.1, -26.8, 40.6
- Relative luminance
- 0.409
- HSL saturation
- 37.9%
- HSL lightness
- 54.5%
Aa On white · 2.29:1 · Below AA
Aa On black · 9.18: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: #4D696F at 2.57: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 ↗