Triad Plus Split Study — Compound TemperA study in color.
Start with the whole. Fall for the details.
Cyan
Lightness
One color.
More possibilities.
RGB 79, 192, 196 · HSL 182.1°, 49.8%, 53.9%. 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 #4FC0C4.
Every shade.
A new perspective.
#4FC0C49.67:1 · AAA03 Profile & contrast
- CIELAB · D65
- 71.8, -30.4, -11.6
- Relative luminance
- 0.4335
- HSL saturation
- 49.8%
- HSL lightness
- 53.9%
Aa On white · 2.17:1 · Below AA
Aa On black · 9.67: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: #8C660B at 2.41:1.
Light Violet
Lightness
One color.
More possibilities.
RGB 233, 161, 250 · HSL 288.5°, 89.9%, 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 #E9A1FA.
Every shade.
A new perspective.
#E9A1FA10.94:1 · AAA03 Profile & contrast
- CIELAB · D65
- 75.9, 41.2, -33.8
- Relative luminance
- 0.4972
- HSL saturation
- 89.9%
- HSL lightness
- 80.6%
Aa On white · 1.92:1 · Below AA
Aa On black · 10.94: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: #8C660B at 2.72:1.
Warm Brown
Lightness
One color.
More possibilities.
RGB 140, 102, 11 · HSL 42.3°, 85.4%, 29.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 #8C660B.
Every shade.
A new perspective.
#8C660B5.22:1 · AA03 Profile & contrast
- CIELAB · D65
- 45.8, 7.6, 50.4
- Relative luminance
- 0.151
- HSL saturation
- 85.4%
- HSL lightness
- 29.6%
Aa On white · 5.22:1 · AA
Aa On black · 4.02: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: #E9A1FA at 2.72:1.
Blush Pink
Lightness
One color.
More possibilities.
RGB 252, 115, 181 · HSL 331.1°, 95.8%, 72%. 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 #FC73B5.
Every shade.
A new perspective.
#FC73B58.26:1 · AAA03 Profile & contrast
- CIELAB · D65
- 66.7, 59, -9.4
- Relative luminance
- 0.3629
- HSL saturation
- 95.8%
- HSL lightness
- 72%
Aa On white · 2.54:1 · Below AA
Aa On black · 8.26: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: #8C660B at 2.05: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 ↗