Jellybean ChronicleA study in color.
Start with the whole. Fall for the details.
Charcoal
Lightness
One color.
More possibilities.
RGB 12, 14, 19 · HSL 222.9°, 22.6%, 6.1%. 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 #0C0E13.
Every shade.
A new perspective.
#0C0E1319.30:1 · AAA03 Profile & contrast
- CIELAB · D65
- 4, 0.4, -2.9
- Relative luminance
- 0.0044
- HSL saturation
- 22.6%
- HSL lightness
- 6.1%
Aa On white · 19.30:1 · AAA
Aa On black · 1.09: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: #DDE4EA at 15.04:1.
Pearl
Lightness
One color.
More possibilities.
RGB 221, 228, 234 · HSL 207.7°, 23.6%, 89.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 #DDE4EA.
Every shade.
A new perspective.
#DDE4EA16.36:1 · AAA03 Profile & contrast
- CIELAB · D65
- 90.2, -1.2, -3.7
- Relative luminance
- 0.768
- HSL saturation
- 23.6%
- HSL lightness
- 89.2%
Aa On white · 1.28:1 · Below AA
Aa On black · 16.36: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: #0C0E13 at 15.04:1.
Ghost Bold Lime
Lightness
One color.
More possibilities.
RGB 234, 201, 80 · HSL 47.1°, 78.6%, 61.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 #EAC950.
Every shade.
A new perspective.
#EAC95012.97:1 · AAA03 Profile & contrast
- CIELAB · D65
- 81.8, -1.5, 62.6
- Relative luminance
- 0.5984
- HSL saturation
- 78.6%
- HSL lightness
- 61.6%
Aa On white · 1.62:1 · Below AA
Aa On black · 12.97: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: #0C0E13 at 11.92:1.
Pale Amber
Lightness
One color.
More possibilities.
RGB 255, 101, 1 · HSL 23.6°, 100%, 50.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 #FF6501.
Every shade.
A new perspective.
#FF65017.11:1 · AAA03 Profile & contrast
- CIELAB · D65
- 62.1, 55.4, 71.1
- Relative luminance
- 0.3057
- HSL saturation
- 100%
- HSL lightness
- 50.2%
Aa On white · 2.95:1 · Below AA
Aa On black · 7.11: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: #0C0E13 at 6.54: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 ↗