Marshmallow MagicA study in color.
Start with the whole. Fall for the details.
Light Sapphire
Lightness
One color.
More possibilities.
RGB 134, 170, 196 · HSL 205.2°, 34.4%, 64.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 #86AAC4.
Every shade.
A new perspective.
#86AAC48.56:1 · AAA03 Profile & contrast
- CIELAB · D65
- 67.9, -6, -17.2
- Relative luminance
- 0.378
- HSL saturation
- 34.4%
- HSL lightness
- 64.7%
Aa On white · 2.45:1 · Below AA
Aa On black · 8.56: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: #0B3661 at 4.99:1.
Silver
Lightness
One color.
More possibilities.
RGB 201, 197, 192 · HSL 33.3°, 7.7%, 77.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 #C9C5C0.
Every shade.
A new perspective.
#C9C5C012.23:1 · AAA03 Profile & contrast
- CIELAB · D65
- 79.7, 0.5, 3
- Relative luminance
- 0.5616
- HSL saturation
- 7.7%
- HSL lightness
- 77.1%
Aa On white · 1.72:1 · Below AA
Aa On black · 12.23: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: #0B3661 at 7.13:1.
Dark Violet
Lightness
One color.
More possibilities.
RGB 11, 54, 97 · HSL 210°, 79.6%, 21.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 #0B3661.
Every shade.
A new perspective.
#0B366112.25:1 · AAA03 Profile & contrast
- CIELAB · D65
- 22.2, 3.5, -29.5
- Relative luminance
- 0.0357
- HSL saturation
- 79.6%
- HSL lightness
- 21.2%
Aa On white · 12.25:1 · AAA
Aa On black · 1.71: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: #C9C5C0 at 7.13:1.
Medium Orange
Lightness
One color.
More possibilities.
RGB 180, 81, 60 · HSL 10.5°, 50%, 47.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 #B4513C.
Every shade.
A new perspective.
#B4513C5.02:1 · AA03 Profile & contrast
- CIELAB · D65
- 46.9, 38.7, 31.6
- Relative luminance
- 0.1591
- HSL saturation
- 50%
- HSL lightness
- 47.1%
Aa On white · 5.02:1 · AA
Aa On black · 4.18: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: #C9C5C0 at 2.92: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 ↗