Cotton Candy VisionA study in color.
Start with the whole. Fall for the details.
Dark Soft Indigo
Lightness
One color.
More possibilities.
RGB 34, 87, 122 · HSL 203.9°, 56.4%, 30.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 #22577A.
Every shade.
A new perspective.
#22577A7.74:1 · AAA03 Profile & contrast
- CIELAB · D65
- 35.1, -5.2, -24.9
- Relative luminance
- 0.0856
- HSL saturation
- 56.4%
- HSL lightness
- 30.6%
Aa On white · 7.74:1 · AAA
Aa On black · 2.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: #C7F9CC at 6.58:1.
Pale Sky
Lightness
One color.
More possibilities.
RGB 56, 163, 165 · HSL 181.1°, 49.3%, 43.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 #38A3A5.
Every shade.
A new perspective.
#38A3A56.95:1 · AA03 Profile & contrast
- CIELAB · D65
- 61.4, -29.1, -10
- Relative luminance
- 0.2975
- HSL saturation
- 49.3%
- HSL lightness
- 43.3%
Aa On white · 3.02:1 · Below AA
Aa On black · 6.95: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: #C7F9CC at 2.57:1.
Soft Jade
Lightness
One color.
More possibilities.
RGB 87, 204, 153 · HSL 153.8°, 53.4%, 57.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 #57CC99.
Every shade.
A new perspective.
#57CC9910.50:1 · AAA03 Profile & contrast
- CIELAB · D65
- 74.5, -45, 15.7
- Relative luminance
- 0.4751
- HSL saturation
- 53.4%
- HSL lightness
- 57.1%
Aa On white · 2.00:1 · Below AA
Aa On black · 10.50: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: #22577A at 3.87:1.
Cream Medium Emerald
Lightness
One color.
More possibilities.
RGB 128, 237, 153 · HSL 133.8°, 75.2%, 71.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 #80ED99.
Every shade.
A new perspective.
#80ED9914.49:1 · AAA03 Profile & contrast
- CIELAB · D65
- 85.7, -49, 31.2
- Relative luminance
- 0.6746
- HSL saturation
- 75.2%
- HSL lightness
- 71.6%
Aa On white · 1.45:1 · Below AA
Aa On black · 14.49: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: #22577A at 5.34:1.
Ice Faded Emerald
Lightness
One color.
More possibilities.
RGB 199, 249, 204 · HSL 126°, 80.6%, 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 #C7F9CC.
Every shade.
A new perspective.
#C7F9CC17.85:1 · AAA03 Profile & contrast
- CIELAB · D65
- 93.6, -24.3, 16.5
- Relative luminance
- 0.8425
- HSL saturation
- 80.6%
- HSL lightness
- 87.8%
Aa On white · 1.18:1 · Below AA
Aa On black · 17.85: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: #22577A at 6.58: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 ↗