Chocolate GraceA study in color.
Start with the whole. Fall for the details.
Bright Crimson
Lightness
One color.
More possibilities.
RGB 197, 34, 51 · HSL 353.7°, 70.6%, 45.3%. 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 #C52233.
Every shade.
A new perspective.
#C522335.75:1 · AA03 Profile & contrast
- CIELAB · D65
- 43.1, 61.9, 33.3
- Relative luminance
- 0.1325
- HSL saturation
- 70.6%
- HSL lightness
- 45.3%
Aa On white · 5.75:1 · AA
Aa On black · 3.65: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: #580C1F at 2.45:1.
Dark Crimson
Lightness
One color.
More possibilities.
RGB 165, 28, 48 · HSL 351.2°, 71%, 37.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 #A51C30.
Every shade.
A new perspective.
#A51C307.48:1 · AAA03 Profile & contrast
- CIELAB · D65
- 36.1, 54.3, 25.1
- Relative luminance
- 0.0904
- HSL saturation
- 71%
- HSL lightness
- 37.8%
Aa On white · 7.48:1 · AAA
Aa On black · 2.81: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: #580C1F at 1.89:1.
Dark Medium Crimson
Lightness
One color.
More possibilities.
RGB 167, 51, 63 · HSL 353.8°, 53.2%, 42.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 #A7333F.
Every shade.
A new perspective.
#A7333F6.59:1 · AA03 Profile & contrast
- CIELAB · D65
- 39.5, 48.1, 20.1
- Relative luminance
- 0.1094
- HSL saturation
- 53.2%
- HSL lightness
- 42.7%
Aa On white · 6.59:1 · AA
Aa On black · 3.19: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: #580C1F at 2.14:1.
Dark Crimson
Lightness
One color.
More possibilities.
RGB 116, 18, 29 · HSL 353.3°, 73.1%, 26.3%. 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 #74121D.
Every shade.
A new perspective.
#74121D11.37:1 · AAA03 Profile & contrast
- CIELAB · D65
- 24.4, 41.5, 21
- Relative luminance
- 0.0423
- HSL saturation
- 73.1%
- HSL lightness
- 26.3%
Aa On white · 11.37:1 · AAA
Aa On black · 1.85: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: #C52233 at 1.98:1.
Shadow Medium Crimson
Lightness
One color.
More possibilities.
RGB 88, 12, 31 · HSL 345°, 76%, 19.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 #580C1F.
Every shade.
A new perspective.
#580C1F14.12:1 · AAA03 Profile & contrast
- CIELAB · D65
- 17.6, 34.6, 9.7
- Relative luminance
- 0.0244
- HSL saturation
- 76%
- HSL lightness
- 19.6%
Aa On white · 14.12:1 · AAA
Aa On black · 1.49: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: #C52233 at 2.45: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 ↗