Angel Twist SerenityA study in color.
Start with the whole. Fall for the details.
Pearl
Lightness
One color.
More possibilities.
RGB 237, 242, 251 · HSL 218.6°, 63.6%, 95.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 #EDF2FB.
Every shade.
A new perspective.
#EDF2FB18.69:1 · AAA03 Profile & contrast
- CIELAB · D65
- 95.4, 0, -4.9
- Relative luminance
- 0.8847
- HSL saturation
- 63.6%
- HSL lightness
- 95.7%
Aa On white · 1.12:1 · Below AA
Aa On black · 18.69: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: #ABC4FF at 1.55:1.
Pearl
Lightness
One color.
More possibilities.
RGB 226, 234, 252 · HSL 221.5°, 81.3%, 93.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 #E2EAFC.
Every shade.
A new perspective.
#E2EAFC17.41:1 · AAA03 Profile & contrast
- CIELAB · D65
- 92.6, 0.8, -9.6
- Relative luminance
- 0.8204
- HSL saturation
- 81.3%
- HSL lightness
- 93.7%
Aa On white · 1.21:1 · Below AA
Aa On black · 17.41: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: #ABC4FF at 1.44:1.
Cream Violet
Lightness
One color.
More possibilities.
RGB 215, 227, 252 · HSL 220.5°, 86%, 91.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 #D7E3FC.
Every shade.
A new perspective.
#D7E3FC16.28:1 · AAA03 Profile & contrast
- CIELAB · D65
- 90.1, 0.9, -13.5
- Relative luminance
- 0.7641
- HSL saturation
- 86%
- HSL lightness
- 91.6%
Aa On white · 1.29:1 · Below AA
Aa On black · 16.28: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: #ABC4FF at 1.35:1.
Ghost Violet
Lightness
One color.
More possibilities.
RGB 204, 219, 253 · HSL 221.6°, 92.5%, 89.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 #CCDBFD.
Every shade.
A new perspective.
#CCDBFD15.12:1 · AAA03 Profile & contrast
- CIELAB · D65
- 87.3, 1.9, -18.2
- Relative luminance
- 0.7059
- HSL saturation
- 92.5%
- HSL lightness
- 89.6%
Aa On white · 1.39:1 · Below AA
Aa On black · 15.12: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: #ABC4FF at 1.25:1.
Ice Soft Violet
Lightness
One color.
More possibilities.
RGB 193, 211, 254 · HSL 222.3°, 96.8%, 87.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 #C1D3FE.
Every shade.
A new perspective.
#C1D3FE14.02:1 · AAA03 Profile & contrast
- CIELAB · D65
- 84.5, 3, -23
- Relative luminance
- 0.6508
- HSL saturation
- 96.8%
- HSL lightness
- 87.6%
Aa On white · 1.50:1 · Below AA
Aa On black · 14.02: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: #EDF2FB at 1.33:1.
Pearl Gentle Violet
Lightness
One color.
More possibilities.
RGB 182, 204, 254 · HSL 221.7°, 97.3%, 85.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 #B6CCFE.
Every shade.
A new perspective.
#B6CCFE13.06:1 · AAA03 Profile & contrast
- CIELAB · D65
- 82, 3.6, -26.9
- Relative luminance
- 0.6029
- HSL saturation
- 97.3%
- HSL lightness
- 85.5%
Aa On white · 1.61:1 · Below AA
Aa On black · 13.06: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: #EDF2FB at 1.43:1.
Pale Violet
Lightness
One color.
More possibilities.
RGB 171, 196, 255 · HSL 222.1°, 100%, 83.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 #ABC4FF.
Every shade.
A new perspective.
#ABC4FF12.07:1 · AAA03 Profile & contrast
- CIELAB · D65
- 79.2, 5, -31.7
- Relative luminance
- 0.5536
- HSL saturation
- 100%
- HSL lightness
- 83.5%
Aa On white · 1.74:1 · Below AA
Aa On black · 12.07: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: #EDF2FB at 1.55: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 ↗