Aaa Study — Contrast HarmonyA study in color.
Start with the whole. Fall for the details.
Muted Violet
Lightness
One color.
More possibilities.
RGB 71, 63, 95 · HSL 255°, 20.3%, 31%. 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 #473F5F.
Every shade.
A new perspective.
#473F5F9.79:1 · AAA03 Profile & contrast
- CIELAB · D65
- 28.7, 11.2, -17.7
- Relative luminance
- 0.0572
- HSL saturation
- 20.3%
- HSL lightness
- 31%
Aa On white · 9.79:1 · AAA
Aa On black · 2.14: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: #DAE7F9 at 7.83:1.
Light Orange
Lightness
One color.
More possibilities.
RGB 241, 220, 185 · HSL 37.5°, 66.7%, 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 #F1DCB9.
Every shade.
A new perspective.
#F1DCB915.68:1 · AAA03 Profile & contrast
- CIELAB · D65
- 88.6, 1.9, 19.8
- Relative luminance
- 0.7339
- HSL saturation
- 66.7%
- HSL lightness
- 83.5%
Aa On white · 1.34:1 · Below AA
Aa On black · 15.68: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: #27371E at 9.49:1.
Deep Cyan
Lightness
One color.
More possibilities.
RGB 24, 62, 68 · HSL 188.2°, 47.8%, 18%. 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 #183E44.
Every shade.
A new perspective.
#183E4411.59:1 · AAA03 Profile & contrast
- CIELAB · D65
- 23.9, -11.3, -7.7
- Relative luminance
- 0.0406
- HSL saturation
- 47.8%
- HSL lightness
- 18%
Aa On white · 11.59:1 · AAA
Aa On black · 1.81: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: #DAE7F9 at 9.26:1.
Blush Pink
Lightness
One color.
More possibilities.
RGB 247, 203, 221 · HSL 335.5°, 73.3%, 88.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 #F7CBDD.
Every shade.
A new perspective.
#F7CBDD14.54:1 · AAA03 Profile & contrast
- CIELAB · D65
- 85.9, 18.3, -3
- Relative luminance
- 0.6771
- HSL saturation
- 73.3%
- HSL lightness
- 88.2%
Aa On white · 1.44:1 · Below AA
Aa On black · 14.54: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: #27371E at 8.80:1.
Deep Green
Lightness
One color.
More possibilities.
RGB 39, 55, 30 · HSL 98.4°, 29.4%, 16.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 #27371E.
Every shade.
A new perspective.
#27371E12.72:1 · AAA03 Profile & contrast
- CIELAB · D65
- 21, -12.2, 13.6
- Relative luminance
- 0.0326
- HSL saturation
- 29.4%
- HSL lightness
- 16.7%
Aa On white · 12.72:1 · AAA
Aa On black · 1.65: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: #DAE7F9 at 10.16:1.
Light Blue
Lightness
One color.
More possibilities.
RGB 218, 231, 249 · HSL 214.8°, 72.1%, 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 #DAE7F9.
Every shade.
A new perspective.
#DAE7F916.78:1 · AAA03 Profile & contrast
- CIELAB · D65
- 91.2, -0.8, -10.2
- Relative luminance
- 0.789
- HSL saturation
- 72.1%
- HSL lightness
- 91.6%
Aa On white · 1.25:1 · Below AA
Aa On black · 16.78: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: #27371E at 10.16: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 ↗