Bubblegum AuraA study in color.
Start with the whole. Fall for the details.
Sky
Lightness
One color.
More possibilities.
RGB 53, 108, 114 · HSL 185.9°, 36.5%, 32.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 #356C72.
Every shade.
A new perspective.
#356C725.93:1 · AA03 Profile & contrast
- CIELAB · D65
- 42.3, -16.3, -8.9
- Relative luminance
- 0.127
- HSL saturation
- 36.5%
- HSL lightness
- 32.7%
Aa On white · 5.93:1 · AA
Aa On black · 3.54: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: #DCDED9 at 4.38:1.
Vibrant Crimson
Lightness
One color.
More possibilities.
RGB 238, 58, 95 · HSL 347.7°, 84.1%, 58%. 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 #EE3A5F.
Every shade.
A new perspective.
#EE3A5F5.41:1 · AA03 Profile & contrast
- CIELAB · D65
- 54.1, 69, 22.2
- Relative luminance
- 0.2203
- HSL saturation
- 84.1%
- HSL lightness
- 58%
Aa On white · 3.88:1 · Below AA
Aa On black · 5.41: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: #DCDED9 at 2.87:1.
Soft Medium Sky
Lightness
One color.
More possibilities.
RGB 0, 195, 211 · HSL 184.5°, 100%, 41.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 #00C3D3.
Every shade.
A new perspective.
#00C3D39.75:1 · AAA03 Profile & contrast
- CIELAB · D65
- 72, -34.4, -19.5
- Relative luminance
- 0.4373
- HSL saturation
- 100%
- HSL lightness
- 41.4%
Aa On white · 2.15:1 · Below AA
Aa On black · 9.75: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: #356C72 at 2.75:1.
Pearl
Lightness
One color.
More possibilities.
RGB 220, 222, 217 · HSL 84°, 7%, 86.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 #DCDED9.
Every shade.
A new perspective.
#DCDED915.49:1 · AAA03 Profile & contrast
- CIELAB · D65
- 88.2, -1.6, 2.2
- Relative luminance
- 0.7247
- HSL saturation
- 7%
- HSL lightness
- 86.1%
Aa On white · 1.36:1 · Below AA
Aa On black · 15.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: #356C72 at 4.38: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 ↗