Morning CharmA study in color.
Start with the whole. Fall for the details.
Gentle Violet
Lightness
One color.
More possibilities.
RGB 114, 134, 181 · HSL 222.1°, 31.2%, 57.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 #7286B5.
Every shade.
A new perspective.
#7286B55.79:1 · AA03 Profile & contrast
- CIELAB · D65
- 56.1, 4.6, -27
- Relative luminance
- 0.2396
- HSL saturation
- 31.2%
- HSL lightness
- 57.8%
Aa On white · 3.63:1 · Below AA
Aa On black · 5.79: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: #FFFFFF at 3.63:1.
Crimson
Lightness
One color.
More possibilities.
RGB 249, 74, 102 · HSL 350.4°, 93.6%, 63.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 #F94A66.
Every shade.
A new perspective.
#F94A666.20:1 · AA03 Profile & contrast
- CIELAB · D65
- 58, 67.4, 23.7
- Relative luminance
- 0.26
- HSL saturation
- 93.6%
- HSL lightness
- 63.3%
Aa On white · 3.39:1 · Below AA
Aa On black · 6.20: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: #FFFFFF at 3.39:1.
Pearl Faded Azure
Lightness
One color.
More possibilities.
RGB 120, 227, 255 · HSL 192.4°, 100%, 73.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 #78E3FF.
Every shade.
A new perspective.
#78E3FF14.23:1 · AAA03 Profile & contrast
- CIELAB · D65
- 85.1, -23.4, -23.1
- Relative luminance
- 0.6615
- HSL saturation
- 100%
- HSL lightness
- 73.5%
Aa On white · 1.48:1 · Below AA
Aa On black · 14.23: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: #7286B5 at 2.46:1.
Pearl
Lightness
One color.
More possibilities.
RGB 255, 255, 255 · HSL 0°, 0%, 100%. 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 #FFFFFF.
Every shade.
A new perspective.
#FFFFFF21.00:1 · AAA03 Profile & contrast
- CIELAB · D65
- 100, 0, 0
- Relative luminance
- 1
- HSL saturation
- 0%
- HSL lightness
- 100%
Aa On white · 1.00:1 · Below AA
Aa On black · 21.00: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: #7286B5 at 3.63: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 ↗