Mountain OdysseyA study in color.
Start with the whole. Fall for the details.
Slate
Lightness
One color.
More possibilities.
RGB 41, 57, 56 · HSL 176.3°, 16.3%, 19.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 #293938.
Every shade.
A new perspective.
#29393812.09:1 · AAA03 Profile & contrast
- CIELAB · D65
- 22.6, -6.8, -1.5
- Relative luminance
- 0.0368
- HSL saturation
- 16.3%
- HSL lightness
- 19.2%
Aa On white · 12.09:1 · AAA
Aa On black · 1.74: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: #FD1C0E at 3.08:1.
Violet
Lightness
One color.
More possibilities.
RGB 101, 124, 160 · HSL 216.6°, 23.7%, 51.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 #657CA0.
Every shade.
A new perspective.
#657CA04.94:1 · AA03 Profile & contrast
- CIELAB · D65
- 51.5, 0.9, -22
- Relative luminance
- 0.1972
- HSL saturation
- 23.7%
- HSL lightness
- 51.2%
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: #293938 at 2.85:1.
Gray
Lightness
One color.
More possibilities.
RGB 111, 117, 111 · HSL 120°, 2.6%, 44.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 #6F756F.
Every shade.
A new perspective.
#6F756F4.72:1 · AA03 Profile & contrast
- CIELAB · D65
- 48.6, -3.5, 2.5
- Relative luminance
- 0.1725
- HSL saturation
- 2.6%
- HSL lightness
- 44.7%
Aa On white · 4.72:1 · AA
Aa On black · 4.45: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: #293938 at 2.56:1.
Orange
Lightness
One color.
More possibilities.
RGB 253, 28, 14 · HSL 3.5°, 98.4%, 52.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 #FD1C0E.
Every shade.
A new perspective.
#FD1C0E5.35:1 · AA03 Profile & contrast
- CIELAB · D65
- 53.8, 77.1, 63.8
- Relative luminance
- 0.2174
- HSL saturation
- 98.4%
- HSL lightness
- 52.4%
Aa On white · 3.93:1 · Below AA
Aa On black · 5.35: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: #293938 at 3.08: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 ↗