Adventure Study — Fancy ExplorationA study in color.
Start with the whole. Fall for the details.
Terracotta
Lightness
One color.
More possibilities.
RGB 209, 123, 71 · HSL 22.6°, 60%, 54.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 #D17B47.
Every shade.
A new perspective.
#D17B476.64:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.1, 28.9, 42.2
- Relative luminance
- 0.2818
- HSL saturation
- 60%
- HSL lightness
- 54.9%
Aa On white · 3.16:1 · Below AA
Aa On black · 6.64: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: #55E177 at 1.87:1.
Orange
Lightness
One color.
More possibilities.
RGB 220, 180, 81 · HSL 42.7°, 66.5%, 59%. 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 #DCB451.
Every shade.
A new perspective.
#DCB45110.69:1 · AAA03 Profile & contrast
- CIELAB · D65
- 75.1, 3.6, 54.6
- Relative luminance
- 0.4845
- HSL saturation
- 66.5%
- HSL lightness
- 59%
Aa On white · 1.96:1 · Below AA
Aa On black · 10.69: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: #6A7F28 at 2.28:1.
Olive
Lightness
One color.
More possibilities.
RGB 106, 127, 40 · HSL 74.5°, 52.1%, 32.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 #6A7F28.
Every shade.
A new perspective.
#6A7F284.68:1 · AA03 Profile & contrast
- CIELAB · D65
- 50, -20.8, 43
- Relative luminance
- 0.184
- HSL saturation
- 52.1%
- HSL lightness
- 32.7%
Aa On white · 4.49:1 · Below AA
Aa On black · 4.68: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: #55E177 at 2.65:1.
Green
Lightness
One color.
More possibilities.
RGB 85, 225, 119 · HSL 134.6°, 70%, 60.8%. 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 #55E177.
Every shade.
A new perspective.
#55E17712.42:1 · AAA03 Profile & contrast
- CIELAB · D65
- 80.2, -59.9, 40.8
- Relative luminance
- 0.5711
- HSL saturation
- 70%
- HSL lightness
- 60.8%
Aa On white · 1.69:1 · Below AA
Aa On black · 12.42: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: #6A7F28 at 2.65:1.
Teal
Lightness
One color.
More possibilities.
RGB 82, 174, 152 · HSL 165.7°, 36.2%, 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 #52AE98.
Every shade.
A new perspective.
#52AE987.87:1 · AAA03 Profile & contrast
- CIELAB · D65
- 65.2, -32.8, 3
- Relative luminance
- 0.3433
- HSL saturation
- 36.2%
- HSL lightness
- 50.2%
Aa On white · 2.67:1 · Below AA
Aa On black · 7.87: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: #6A7F28 at 1.68: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 ↗