Triad Plus Split Study — Blend StoryA study in color.
Start with the whole. Fall for the details.
Cyan
Lightness
One color.
More possibilities.
RGB 36, 152, 155 · HSL 181.5°, 62.3%, 37.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 #24989B.
Every shade.
A new perspective.
#24989B6.04:1 · AA03 Profile & contrast
- CIELAB · D65
- 57.3, -29.4, -10.6
- Relative luminance
- 0.252
- HSL saturation
- 62.3%
- HSL lightness
- 37.5%
Aa On white · 3.48:1 · Below AA
Aa On black · 6.04: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: #FFD6FF at 2.70:1.
Light Magenta
Lightness
One color.
More possibilities.
RGB 255, 214, 255 · HSL 300°, 100%, 92%. 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 #FFD6FF.
Every shade.
A new perspective.
#FFD6FF16.31:1 · AAA03 Profile & contrast
- CIELAB · D65
- 90.1, 21.1, -14.6
- Relative luminance
- 0.7657
- HSL saturation
- 100%
- HSL lightness
- 92%
Aa On white · 1.29:1 · Below AA
Aa On black · 16.31: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: #24989B at 2.70:1.
Light Orange
Lightness
One color.
More possibilities.
RGB 249, 211, 154 · HSL 36°, 88.8%, 79%. 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 #F9D39A.
Every shade.
A new perspective.
#F9D39A14.81:1 · AAA03 Profile & contrast
- CIELAB · D65
- 86.5, 5.7, 33.2
- Relative luminance
- 0.6906
- HSL saturation
- 88.8%
- HSL lightness
- 79%
Aa On white · 1.42:1 · Below AA
Aa On black · 14.81: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: #24989B at 2.45:1.
Blush Pink
Lightness
One color.
More possibilities.
RGB 255, 156, 202 · HSL 332.1°, 100%, 80.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 #FF9CCA.
Every shade.
A new perspective.
#FF9CCA10.86:1 · AAA03 Profile & contrast
- CIELAB · D65
- 75.6, 42.8, -7.8
- Relative luminance
- 0.493
- HSL saturation
- 100%
- HSL lightness
- 80.6%
Aa On white · 1.93:1 · Below AA
Aa On black · 10.86: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: #24989B at 1.80: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 ↗