Triad Plus Split Study — Complex SentimentA study in color.
Start with the whole. Fall for the details.
Green
Lightness
One color.
More possibilities.
RGB 97, 158, 49 · HSL 93.6°, 52.7%, 40.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 #619E31.
Every shade.
A new perspective.
#619E316.44:1 · AA03 Profile & contrast
- CIELAB · D65
- 59.2, -38.4, 48.6
- Relative luminance
- 0.2722
- HSL saturation
- 52.7%
- HSL lightness
- 40.6%
Aa On white · 3.26:1 · Below AA
Aa On black · 6.44: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: #61B1DE at 1.37:1.
Blue
Lightness
One color.
More possibilities.
RGB 97, 177, 222 · HSL 201.6°, 65.4%, 62.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 #61B1DE.
Every shade.
A new perspective.
#61B1DE8.85:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.9, -11.8, -30.1
- Relative luminance
- 0.3926
- HSL saturation
- 65.4%
- HSL lightness
- 62.5%
Aa On white · 2.37:1 · Below AA
Aa On black · 8.85: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: #4A7DC8 at 1.75:1.
Blush Pink
Lightness
One color.
More possibilities.
RGB 238, 100, 134 · HSL 345.2°, 80.2%, 66.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 #EE6486.
Every shade.
A new perspective.
#EE64866.80:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.8, 56.1, 8.6
- Relative luminance
- 0.2901
- HSL saturation
- 80.2%
- HSL lightness
- 66.3%
Aa On white · 3.09:1 · Below AA
Aa On black · 6.80: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: #4A7DC8 at 1.34:1.
Blue
Lightness
One color.
More possibilities.
RGB 74, 125, 200 · HSL 215.7°, 53.4%, 53.7%. 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 #4A7DC8.
Every shade.
A new perspective.
#4A7DC85.06:1 · AA03 Profile & contrast
- CIELAB · D65
- 52.2, 6.4, -44.1
- Relative luminance
- 0.2029
- HSL saturation
- 53.4%
- HSL lightness
- 53.7%
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: #61B1DE at 1.75:1.
Magenta
Lightness
One color.
More possibilities.
RGB 231, 107, 195 · HSL 317.4°, 72.1%, 66.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 #E76BC3.
Every shade.
A new perspective.
#E76BC37.29:1 · AAA03 Profile & contrast
- CIELAB · D65
- 62.9, 58.3, -23.4
- Relative luminance
- 0.3144
- HSL saturation
- 72.1%
- HSL lightness
- 66.3%
Aa On white · 2.88:1 · Below AA
Aa On black · 7.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: #4A7DC8 at 1.44: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 ↗