Triad Plus Split Study — Fusion MoodA study in color.
Start with the whole. Fall for the details.
Green
Lightness
One color.
More possibilities.
RGB 104, 161, 59 · HSL 93.5°, 46.4%, 43.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 #68A13B.
Every shade.
A new perspective.
#68A13B6.75:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.6, -36.4, 45.9
- Relative luminance
- 0.2875
- HSL saturation
- 46.4%
- HSL lightness
- 43.1%
Aa On white · 3.11:1 · Below AA
Aa On black · 6.75: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: #2B7A9F at 1.54:1.
Cyan
Lightness
One color.
More possibilities.
RGB 43, 122, 159 · HSL 199.1°, 57.4%, 39.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 #2B7A9F.
Every shade.
A new perspective.
#2B7A9F4.79:1 · AA03 Profile & contrast
- CIELAB · D65
- 48.2, -11.2, -26.8
- Relative luminance
- 0.1694
- HSL saturation
- 57.4%
- HSL lightness
- 39.6%
Aa On white · 4.79:1 · AA
Aa On black · 4.39: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: #68A13B at 1.54:1.
Rose
Lightness
One color.
More possibilities.
RGB 216, 60, 107 · HSL 341.9°, 66.7%, 54.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 #D83C6B.
Every shade.
A new perspective.
#D83C6B4.78:1 · AA03 Profile & contrast
- CIELAB · D65
- 50.6, 63, 9.6
- Relative luminance
- 0.1889
- HSL saturation
- 66.7%
- HSL lightness
- 54.1%
Aa On white · 4.39:1 · Below AA
Aa On black · 4.78: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: #68A13B at 1.41:1.
Blue
Lightness
One color.
More possibilities.
RGB 69, 125, 204 · HSL 215.1°, 57%, 53.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 #457DCC.
Every shade.
A new perspective.
#457DCC5.06:1 · AA03 Profile & contrast
- CIELAB · D65
- 52.2, 6.9, -46.4
- Relative luminance
- 0.2029
- HSL saturation
- 57%
- HSL lightness
- 53.5%
Aa On white · 4.15:1 · Below AA
Aa On black · 5.06: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: #68A13B at 1.33:1.
Dusty Rose
Lightness
One color.
More possibilities.
RGB 183, 80, 152 · HSL 318.1°, 41.7%, 51.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 #B75098.
Every shade.
A new perspective.
#B750984.61:1 · AA03 Profile & contrast
- CIELAB · D65
- 49.6, 50.3, -19.5
- Relative luminance
- 0.1807
- HSL saturation
- 41.7%
- HSL lightness
- 51.6%
Aa On white · 4.55:1 · AA
Aa On black · 4.61: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: #68A13B at 1.46: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 ↗