Espresso WonderA study in color.
Start with the whole. Fall for the details.
Dark Bright Orange
Lightness
One color.
More possibilities.
RGB 181, 0, 0 · HSL 0°, 100%, 35.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 #B50000.
Every shade.
A new perspective.
#B500007.08:1 · AAA03 Profile & contrast
- CIELAB · D65
- 37.5, 61.9, 51.9
- Relative luminance
- 0.0982
- HSL saturation
- 100%
- HSL lightness
- 35.5%
Aa On white · 7.08:1 · AAA
Aa On black · 2.96: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: #FFFFFF at 7.08:1.
Light Subtle Lime
Lightness
One color.
More possibilities.
RGB 198, 187, 131 · HSL 50.1°, 37%, 64.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 #C6BB83.
Every shade.
A new perspective.
#C6BB8310.84:1 · AAA03 Profile & contrast
- CIELAB · D65
- 75.6, -4.5, 29.8
- Relative luminance
- 0.4919
- HSL saturation
- 37%
- HSL lightness
- 64.5%
Aa On white · 1.94:1 · Below AA
Aa On black · 10.84: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: #2E2E2E at 7.01:1.
Charcoal
Lightness
One color.
More possibilities.
RGB 46, 46, 46 · HSL 0°, 0%, 18%. 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 #2E2E2E.
Every shade.
A new perspective.
#2E2E2E13.58:1 · AAA03 Profile & contrast
- CIELAB · D65
- 18.9, 0, 0
- Relative luminance
- 0.0273
- HSL saturation
- 0%
- HSL lightness
- 18%
Aa On white · 13.58:1 · AAA
Aa On black · 1.55: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: #FFFFFF at 13.58:1.
Pearl
Lightness
One color.
More possibilities.
RGB 255, 255, 255 · HSL 0°, 0%, 100%. 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 #FFFFFF.
Every shade.
A new perspective.
#FFFFFF21.00:1 · AAA03 Profile & contrast
- CIELAB · D65
- 100, 0, 0
- Relative luminance
- 1
- HSL saturation
- 0%
- HSL lightness
- 100%
Aa On white · 1.00:1 · Below AA
Aa On black · 21.00: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: #2E2E2E at 13.58: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 ↗