Triad Plus Split Study — Dynamic SerenityA study in color.
Start with the whole. Fall for the details.
Olive
Lightness
One color.
More possibilities.
RGB 94, 117, 25 · HSL 75°, 64.8%, 27.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 #5E7519.
Every shade.
A new perspective.
#5E75195.21:1 · AA03 Profile & contrast
- CIELAB · D65
- 45.9, -21.9, 44.6
- Relative luminance
- 0.1517
- HSL saturation
- 64.8%
- HSL lightness
- 27.8%
Aa On white · 5.21:1 · AA
Aa On black · 4.03: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: #54B8DE at 2.30:1.
Cyan
Lightness
One color.
More possibilities.
RGB 84, 184, 222 · HSL 196.5°, 67.6%, 60%. 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 #54B8DE.
Every shade.
A new perspective.
#54B8DE9.29:1 · AAA03 Profile & contrast
- CIELAB · D65
- 70.5, -17.9, -27.8
- Relative luminance
- 0.4144
- HSL saturation
- 67.6%
- HSL lightness
- 60%
Aa On white · 2.26:1 · Below AA
Aa On black · 9.29: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: #196EA8 at 2.42:1.
Blush Pink
Lightness
One color.
More possibilities.
RGB 232, 110, 158 · HSL 336.4°, 72.6%, 67.1%. 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 #E86E9E.
Every shade.
A new perspective.
#E86E9E7.16:1 · AAA03 Profile & contrast
- CIELAB · D65
- 62.3, 52.2, -3.1
- Relative luminance
- 0.3078
- HSL saturation
- 72.6%
- HSL lightness
- 67.1%
Aa On white · 2.93:1 · Below AA
Aa On black · 7.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: #196EA8 at 1.86:1.
Blue
Lightness
One color.
More possibilities.
RGB 25, 110, 168 · HSL 204.3°, 74.1%, 37.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 #196EA8.
Every shade.
A new perspective.
#196EA85.47:1 · AA03 Profile & contrast
- CIELAB · D65
- 44.5, -2.9, -37.8
- Relative luminance
- 0.1419
- HSL saturation
- 74.1%
- HSL lightness
- 37.8%
Aa On white · 5.47:1 · AA
Aa On black · 3.84: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: #54B8DE at 2.42: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 ↗