Marshmallow MeditationA study in color.
Start with the whole. Fall for the details.
Bright Crimson
Lightness
One color.
More possibilities.
RGB 214, 40, 57 · HSL 354.1°, 68.5%, 49.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 #D62839.
Every shade.
A new perspective.
#D628394.97:1 · AA03 Profile & contrast
- CIELAB · D65
- 47.1, 65.4, 35.2
- Relative luminance
- 0.1611
- HSL saturation
- 68.5%
- HSL lightness
- 49.8%
Aa On white · 4.97:1 · AA
Aa On black · 4.22: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: #CCE6F4 at 3.84:1.
Medium Crimson
Lightness
One color.
More possibilities.
RGB 186, 50, 79 · HSL 347.2°, 57.6%, 46.3%. 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 #BA324F.
Every shade.
A new perspective.
#BA324F5.74:1 · AA03 Profile & contrast
- CIELAB · D65
- 43.2, 55.5, 15.7
- Relative luminance
- 0.1328
- HSL saturation
- 57.6%
- HSL lightness
- 46.3%
Aa On white · 5.74:1 · AA
Aa On black · 3.66: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: #CCE6F4 at 4.43:1.
Dark Subtle Sapphire
Lightness
One color.
More possibilities.
RGB 23, 86, 118 · HSL 200.2°, 67.4%, 27.6%. 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 #175676.
Every shade.
A new perspective.
#1756767.99:1 · AAA03 Profile & contrast
- CIELAB · D65
- 34.3, -7.7, -23.8
- Relative luminance
- 0.0815
- HSL saturation
- 67.4%
- HSL lightness
- 27.6%
Aa On white · 7.99:1 · AAA
Aa On black · 2.63: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: #CCE6F4 at 6.16:1.
Light Subtle Blue
Lightness
One color.
More possibilities.
RGB 75, 163, 195 · HSL 196°, 50%, 52.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 #4BA3C3.
Every shade.
A new perspective.
#4BA3C37.33:1 · AAA03 Profile & contrast
- CIELAB · D65
- 63, -16.7, -24.3
- Relative luminance
- 0.3163
- HSL saturation
- 50%
- HSL lightness
- 52.9%
Aa On white · 2.87:1 · Below AA
Aa On black · 7.33: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: #175676 at 2.79:1.
Ghost Pale Blue
Lightness
One color.
More possibilities.
RGB 204, 230, 244 · HSL 201°, 64.5%, 87.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 #CCE6F4.
Every shade.
A new perspective.
#CCE6F416.19:1 · AAA03 Profile & contrast
- CIELAB · D65
- 89.8, -5.7, -9.7
- Relative luminance
- 0.7596
- HSL saturation
- 64.5%
- HSL lightness
- 87.8%
Aa On white · 1.30:1 · Below AA
Aa On black · 16.19: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: #175676 at 6.16: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 ↗