Butterscotch HarmonyA study in color.
Start with the whole. Fall for the details.
Slate
Lightness
One color.
More possibilities.
RGB 51, 58, 51 · HSL 120°, 6.4%, 21.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 #333A33.
Every shade.
A new perspective.
#333A3311.71:1 · AAA03 Profile & contrast
- CIELAB · D65
- 23.6, -4.6, 3.4
- Relative luminance
- 0.0397
- HSL saturation
- 6.4%
- HSL lightness
- 21.4%
Aa On white · 11.71:1 · AAA
Aa On black · 1.79: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: #F9E085 at 8.94:1.
Pale Rose
Lightness
One color.
More possibilities.
RGB 229, 151, 224 · HSL 303.8°, 60%, 74.5%. 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 #E597E0.
Every shade.
A new perspective.
#E597E09.83:1 · AAA03 Profile & contrast
- CIELAB · D65
- 72.3, 40.4, -25.1
- Relative luminance
- 0.4417
- HSL saturation
- 60%
- HSL lightness
- 74.5%
Aa On white · 2.14:1 · Below AA
Aa On black · 9.83: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: #333A33 at 5.48:1.
Light Ruby
Lightness
One color.
More possibilities.
RGB 211, 177, 194 · HSL 330°, 27.9%, 76.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 #D3B1C2.
Every shade.
A new perspective.
#D3B1C210.84:1 · AAA03 Profile & contrast
- CIELAB · D65
- 75.6, 15.1, -4
- Relative luminance
- 0.4919
- HSL saturation
- 27.9%
- HSL lightness
- 76.1%
Aa On white · 1.94:1 · Below AA
Aa On black · 10.84: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: #333A33 at 6.04:1.
Ice Medium Lime
Lightness
One color.
More possibilities.
RGB 249, 224, 133 · HSL 47.1°, 90.6%, 74.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 #F9E085.
Every shade.
A new perspective.
#F9E08516.03:1 · AAA03 Profile & contrast
- CIELAB · D65
- 89.5, -3.1, 47.5
- Relative luminance
- 0.7514
- HSL saturation
- 90.6%
- HSL lightness
- 74.9%
Aa On white · 1.31:1 · Below AA
Aa On black · 16.03: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: #333A33 at 8.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 ↗