Blueberry SagaA study in color.
Start with the whole. Fall for the details.
Charcoal
Lightness
One color.
More possibilities.
RGB 12, 13, 17 · HSL 228°, 17.2%, 5.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 #0C0D11.
Every shade.
A new perspective.
#0C0D1119.42:1 · AAA03 Profile & contrast
- CIELAB · D65
- 3.7, 0.4, -2.1
- Relative luminance
- 0.0041
- HSL saturation
- 17.2%
- HSL lightness
- 5.7%
Aa On white · 19.42:1 · AAA
Aa On black · 1.08: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: #BBC3CB at 10.90:1.
Neon Orange
Lightness
One color.
More possibilities.
RGB 243, 22, 30 · HSL 357.8°, 90.2%, 52%. 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 #F3161E.
Every shade.
A new perspective.
#F3161E4.94:1 · AA03 Profile & contrast
- CIELAB · D65
- 51.5, 75.6, 55.6
- Relative luminance
- 0.1972
- HSL saturation
- 90.2%
- HSL lightness
- 52%
Aa On white · 4.25:1 · Below AA
Aa On black · 4.94: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: #0C0D11 at 4.57:1.
Pale Blue
Lightness
One color.
More possibilities.
RGB 123, 173, 196 · HSL 198.9°, 38.2%, 62.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 #7BADC4.
Every shade.
A new perspective.
#7BADC48.62:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.1, -10.7, -17
- Relative luminance
- 0.3808
- HSL saturation
- 38.2%
- HSL lightness
- 62.5%
Aa On white · 2.44:1 · Below AA
Aa On black · 8.62: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: #0C0D11 at 7.97:1.
Silver
Lightness
One color.
More possibilities.
RGB 187, 195, 203 · HSL 210°, 13.3%, 76.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 #BBC3CB.
Every shade.
A new perspective.
#BBC3CB11.78:1 · AAA03 Profile & contrast
- CIELAB · D65
- 78.4, -1.2, -5
- Relative luminance
- 0.5391
- HSL saturation
- 13.3%
- HSL lightness
- 76.5%
Aa On white · 1.78:1 · Below AA
Aa On black · 11.78: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: #0C0D11 at 10.90: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 ↗