Spiral Study — Hazelnut EchoA study in color.
Start with the whole. Fall for the details.
Olive
Lightness
One color.
More possibilities.
RGB 81, 86, 26 · HSL 65°, 53.6%, 22%. 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 #51561A.
Every shade.
A new perspective.
#51561A7.79:1 · AAA03 Profile & contrast
- CIELAB · D65
- 35, -11, 33
- Relative luminance
- 0.0848
- HSL saturation
- 53.6%
- HSL lightness
- 22%
Aa On white · 7.79:1 · AAA
Aa On black · 2.70: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: #C8C0F5 at 4.57:1.
Cyan
Lightness
One color.
More possibilities.
RGB 52, 117, 148 · HSL 199.4°, 48%, 39.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 #347594.
Every shade.
A new perspective.
#3475945.10:1 · AA03 Profile & contrast
- CIELAB · D65
- 46.4, -10.7, -23
- Relative luminance
- 0.1559
- HSL saturation
- 48%
- HSL lightness
- 39.2%
Aa On white · 5.10:1 · AA
Aa On black · 4.12: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: #C8C0F5 at 2.99:1.
Red
Lightness
One color.
More possibilities.
RGB 226, 95, 102 · HSL 356.8°, 69.3%, 62.9%. 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 #E25F66.
Every shade.
A new perspective.
#E25F666.06:1 · AA03 Profile & contrast
- CIELAB · D65
- 57.4, 51.6, 22.2
- Relative luminance
- 0.2531
- HSL saturation
- 69.3%
- HSL lightness
- 62.9%
Aa On white · 3.46:1 · Below AA
Aa On black · 6.06: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: #51561A at 2.25:1.
Green
Lightness
One color.
More possibilities.
RGB 92, 185, 143 · HSL 152.9°, 39.9%, 54.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 #5CB98F.
Every shade.
A new perspective.
#5CB98F8.79:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.7, -37.6, 13
- Relative luminance
- 0.3896
- HSL saturation
- 39.9%
- HSL lightness
- 54.3%
Aa On white · 2.39:1 · Below AA
Aa On black · 8.79: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: #51561A at 3.26:1.
Light Blue
Lightness
One color.
More possibilities.
RGB 200, 192, 245 · HSL 249.1°, 72.6%, 85.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 #C8C0F5.
Every shade.
A new perspective.
#C8C0F512.31:1 · AAA03 Profile & contrast
- CIELAB · D65
- 79.9, 13.4, -25.1
- Relative luminance
- 0.5657
- HSL saturation
- 72.6%
- HSL lightness
- 85.7%
Aa On white · 1.71:1 · Below AA
Aa On black · 12.31: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: #51561A at 4.57: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 ↗