Triad Plus Split Study — Dynamic ArrayA study in color.
Start with the whole. Fall for the details.
Light Magenta
Lightness
One color.
More possibilities.
RGB 255, 226, 249 · HSL 312.4°, 100%, 94.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 #FFE2F9.
Every shade.
A new perspective.
#FFE2F917.50:1 · AAA03 Profile & contrast
- CIELAB · D65
- 92.8, 13.8, -7.5
- Relative luminance
- 0.8249
- HSL saturation
- 100%
- HSL lightness
- 94.3%
Aa On white · 1.20:1 · Below AA
Aa On black · 17.50: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: #01ABCA at 2.28:1.
Yellow
Lightness
One color.
More possibilities.
RGB 168, 175, 39 · HSL 63.1°, 63.6%, 42%. 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 #A8AF27.
Every shade.
A new perspective.
#A8AF278.83:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.8, -18.4, 63.2
- Relative luminance
- 0.3913
- HSL saturation
- 63.6%
- HSL lightness
- 42%
Aa On white · 2.38:1 · Below AA
Aa On black · 8.83: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: #D4FDC5 at 2.11:1.
Cyan
Lightness
One color.
More possibilities.
RGB 1, 171, 202 · HSL 189.3°, 99%, 39.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 #01ABCA.
Every shade.
A new perspective.
#01ABCA7.68:1 · AAA03 Profile & contrast
- CIELAB · D65
- 64.5, -25.5, -26.1
- Relative luminance
- 0.334
- HSL saturation
- 99%
- HSL lightness
- 39.8%
Aa On white · 2.73:1 · Below AA
Aa On black · 7.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: #D4FDC5 at 2.43:1.
Light Green
Lightness
One color.
More possibilities.
RGB 212, 253, 197 · HSL 103.9°, 93.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 #D4FDC5.
Every shade.
A new perspective.
#D4FDC518.66:1 · AAA03 Profile & contrast
- CIELAB · D65
- 95.3, -23.1, 22.6
- Relative luminance
- 0.8828
- HSL saturation
- 93.3%
- HSL lightness
- 88.2%
Aa On white · 1.13:1 · Below AA
Aa On black · 18.66: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: #01ABCA at 2.43:1.
Teal
Lightness
One color.
More possibilities.
RGB 92, 244, 243 · HSL 179.6°, 87.4%, 65.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 #5CF4F3.
Every shade.
A new perspective.
#5CF4F315.69:1 · AAA03 Profile & contrast
- CIELAB · D65
- 88.7, -39.7, -11.4
- Relative luminance
- 0.7345
- HSL saturation
- 87.4%
- HSL lightness
- 65.9%
Aa On white · 1.34:1 · Below AA
Aa On black · 15.69: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: #01ABCA at 2.04: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 ↗