Double Complementary Study — Resonant PromiseA study in color.
Start with the whole. Fall for the details.
Green
Lightness
One color.
More possibilities.
RGB 116, 218, 142 · HSL 135.3°, 58%, 65.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 #74DA8E.
Every shade.
A new perspective.
#74DA8E12.16:1 · AAA03 Profile & contrast
- CIELAB · D65
- 79.5, -46.1, 28.4
- Relative luminance
- 0.5581
- HSL saturation
- 58%
- HSL lightness
- 65.5%
Aa On white · 1.73:1 · Below AA
Aa On black · 12.16: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: #F9278C at 2.13:1.
Teal
Lightness
One color.
More possibilities.
RGB 63, 206, 182 · HSL 169.9°, 59.3%, 52.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 #3FCEB6.
Every shade.
A new perspective.
#3FCEB610.72:1 · AAA03 Profile & contrast
- CIELAB · D65
- 75.2, -43.2, 1
- Relative luminance
- 0.4858
- HSL saturation
- 59.3%
- HSL lightness
- 52.7%
Aa On white · 1.96:1 · Below AA
Aa On black · 10.72: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: #F9278C at 1.88:1.
Magenta
Lightness
One color.
More possibilities.
RGB 232, 130, 226 · HSL 303.5°, 68.9%, 71%. 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 #E882E2.
Every shade.
A new perspective.
#E882E28.72:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.5, 52.5, -32.2
- Relative luminance
- 0.3861
- HSL saturation
- 68.9%
- HSL lightness
- 71%
Aa On white · 2.41:1 · Below AA
Aa On black · 8.72: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: #F9278C at 1.53:1.
Rose
Lightness
One color.
More possibilities.
RGB 249, 39, 140 · HSL 331.1°, 94.6%, 56.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 #F9278C.
Every shade.
A new perspective.
#F9278C5.70:1 · AA03 Profile & contrast
- CIELAB · D65
- 55.6, 79.8, -2.2
- Relative luminance
- 0.2348
- HSL saturation
- 94.6%
- HSL lightness
- 56.5%
Aa On white · 3.69:1 · Below AA
Aa On black · 5.70: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: #74DA8E at 2.13: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 ↗