Toffee Harbor ReverieA study in color.
Start with the whole. Fall for the details.
Muted Purple
Lightness
One color.
More possibilities.
RGB 123, 126, 144 · HSL 231.4°, 8.6%, 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 #7B7E90.
Every shade.
A new perspective.
#7B7E905.23:1 · AA03 Profile & contrast
- CIELAB · D65
- 53.1, 2.8, -10.1
- Relative luminance
- 0.2115
- HSL saturation
- 8.6%
- HSL lightness
- 52.4%
Aa On white · 4.02:1 · Below AA
Aa On black · 5.23: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: #E9D7B0 at 2.83:1.
Gentle Lime
Lightness
One color.
More possibilities.
RGB 140, 137, 95 · HSL 56°, 19.1%, 46.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 #8C895F.
Every shade.
A new perspective.
#8C895F5.86:1 · AA03 Profile & contrast
- CIELAB · D65
- 56.4, -5.8, 23
- Relative luminance
- 0.2429
- HSL saturation
- 19.1%
- HSL lightness
- 46.1%
Aa On white · 3.58:1 · Below AA
Aa On black · 5.86: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: #E9D7B0 at 2.53:1.
Pearl Chartreuse
Lightness
One color.
More possibilities.
RGB 233, 215, 176 · HSL 41.1°, 56.4%, 80.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 #E9D7B0.
Every shade.
A new perspective.
#E9D7B014.81:1 · AAA03 Profile & contrast
- CIELAB · D65
- 86.5, 0.2, 21.5
- Relative luminance
- 0.6906
- HSL saturation
- 56.4%
- HSL lightness
- 80.2%
Aa On white · 1.42:1 · Below AA
Aa On black · 14.81: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: #7B7E90 at 2.83:1.
Light Medium Amber
Lightness
One color.
More possibilities.
RGB 241, 161, 126 · HSL 18.3°, 80.4%, 72%. 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 #F1A17E.
Every shade.
A new perspective.
#F1A17E10.14:1 · AAA03 Profile & contrast
- CIELAB · D65
- 73.4, 25.9, 30.3
- Relative luminance
- 0.457
- HSL saturation
- 80.4%
- HSL lightness
- 72%
Aa On white · 2.07:1 · Below AA
Aa On black · 10.14: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: #7B7E90 at 1.94: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 ↗