Cupcake SerenityA study in color.
Start with the whole. Fall for the details.
Dark Blue
Lightness
One color.
More possibilities.
RGB 65, 95, 107 · HSL 197.1°, 24.4%, 33.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 #415F6B.
Every shade.
A new perspective.
#415F6B6.83:1 · AA03 Profile & contrast
- CIELAB · D65
- 38.5, -7.6, -10.3
- Relative luminance
- 0.1037
- HSL saturation
- 24.4%
- HSL lightness
- 33.7%
Aa On white · 6.83:1 · AA
Aa On black · 3.07: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: #D6F0CD at 5.60:1.
Shadow Violet
Lightness
One color.
More possibilities.
RGB 27, 44, 76 · HSL 219.2°, 47.6%, 20.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 #1B2C4C.
Every shade.
A new perspective.
#1B2C4C13.90:1 · AAA03 Profile & contrast
- CIELAB · D65
- 18.2, 4.5, -21.9
- Relative luminance
- 0.0256
- HSL saturation
- 47.6%
- HSL lightness
- 20.2%
Aa On white · 13.90:1 · AAA
Aa On black · 1.51: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: #D6F0CD at 11.38:1.
Ice Gentle Emerald
Lightness
One color.
More possibilities.
RGB 214, 240, 205 · HSL 104.6°, 53.8%, 87.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 #D6F0CD.
Every shade.
A new perspective.
#D6F0CD17.20:1 · AAA03 Profile & contrast
- CIELAB · D65
- 92.1, -14.8, 14.1
- Relative luminance
- 0.8102
- HSL saturation
- 53.8%
- HSL lightness
- 87.3%
Aa On white · 1.22:1 · Below AA
Aa On black · 17.20: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: #1B2C4C at 11.38:1.
Dark Gentle Orange
Lightness
One color.
More possibilities.
RGB 99, 43, 36 · HSL 6.7°, 46.7%, 26.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 #632B24.
Every shade.
A new perspective.
#632B2411.04:1 · AAA03 Profile & contrast
- CIELAB · D65
- 25.3, 24.7, 16.7
- Relative luminance
- 0.0451
- HSL saturation
- 46.7%
- HSL lightness
- 26.5%
Aa On white · 11.04:1 · AAA
Aa On black · 1.90: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: #D6F0CD at 9.05: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 ↗