Sangria PromiseA study in color.
Start with the whole. Fall for the details.
Charcoal
Lightness
One color.
More possibilities.
RGB 42, 48, 51 · HSL 200°, 9.7%, 18.2%. 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 #2A3033.
Every shade.
A new perspective.
#2A303313.38:1 · AAA03 Profile & contrast
- CIELAB · D65
- 19.4, -1.8, -2.8
- Relative luminance
- 0.0285
- HSL saturation
- 9.7%
- HSL lightness
- 18.2%
Aa On white · 13.38:1 · AAA
Aa On black · 1.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: #E4E3E9 at 10.49:1.
Light Rich Chartreuse
Lightness
One color.
More possibilities.
RGB 217, 162, 86 · HSL 34.8°, 63.3%, 59.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 #D9A256.
Every shade.
A new perspective.
#D9A2569.25:1 · AAA03 Profile & contrast
- CIELAB · D65
- 70.4, 12.2, 46.8
- Relative luminance
- 0.4126
- HSL saturation
- 63.3%
- HSL lightness
- 59.4%
Aa On white · 2.27:1 · Below AA
Aa On black · 9.25: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: #2A3033 at 5.90:1.
Pearl
Lightness
One color.
More possibilities.
RGB 228, 227, 233 · HSL 250°, 12%, 90.2%. 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 #E4E3E9.
Every shade.
A new perspective.
#E4E3E916.46:1 · AAA03 Profile & contrast
- CIELAB · D65
- 90.5, 1.4, -2.8
- Relative luminance
- 0.7732
- HSL saturation
- 12%
- HSL lightness
- 90.2%
Aa On white · 1.28:1 · Below AA
Aa On black · 16.46: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: #2A3033 at 10.49:1.
Dark Medium Emerald
Lightness
One color.
More possibilities.
RGB 30, 85, 21 · HSL 111.6°, 60.4%, 20.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 #1E5515.
Every shade.
A new perspective.
#1E55158.88:1 · AAA03 Profile & contrast
- CIELAB · D65
- 31.4, -31.6, 30.6
- Relative luminance
- 0.0683
- HSL saturation
- 60.4%
- HSL lightness
- 20.8%
Aa On white · 8.88:1 · AAA
Aa On black · 2.37: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: #E4E3E9 at 6.96: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 ↗