Double Complementary Study — Double Crush SentimentA study in color.
Start with the whole. Fall for the details.
Blue
Lightness
One color.
More possibilities.
RGB 57, 128, 189 · HSL 207.7°, 53.7%, 48.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 #3980BD.
Every shade.
A new perspective.
#3980BD5.00:1 · AA03 Profile & contrast
- CIELAB · D65
- 51.8, -2.1, -38.4
- Relative luminance
- 0.1998
- HSL saturation
- 53.7%
- HSL lightness
- 48.2%
Aa On white · 4.20:1 · Below AA
Aa On black · 5.00: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: #86AFDF at 1.84:1.
Light Blue
Lightness
One color.
More possibilities.
RGB 152, 146, 230 · HSL 244.3°, 62.7%, 73.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 #9892E6.
Every shade.
A new perspective.
#9892E67.59:1 · AAA03 Profile & contrast
- CIELAB · D65
- 64.1, 21.4, -41.8
- Relative luminance
- 0.3295
- HSL saturation
- 62.7%
- HSL lightness
- 73.7%
Aa On white · 2.77:1 · Below AA
Aa On black · 7.59: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: #6160B7 at 1.96:1.
Warm Brown
Lightness
One color.
More possibilities.
RGB 155, 122, 1 · HSL 47.1°, 98.7%, 30.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 #9B7A01.
Every shade.
A new perspective.
#9B7A015.18:1 · AA03 Profile & contrast
- CIELAB · D65
- 52.8, 3.1, 58.4
- Relative luminance
- 0.2089
- HSL saturation
- 98.7%
- HSL lightness
- 30.6%
Aa On white · 4.06:1 · Below AA
Aa On black · 5.18: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: #86AFDF at 1.78:1.
Olive
Lightness
One color.
More possibilities.
RGB 118, 155, 9 · HSL 75.2°, 89%, 32.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 #769B09.
Every shade.
A new perspective.
#769B096.46:1 · AA03 Profile & contrast
- CIELAB · D65
- 59.3, -30.8, 60.5
- Relative luminance
- 0.2731
- HSL saturation
- 89%
- HSL lightness
- 32.2%
Aa On white · 3.25:1 · Below AA
Aa On black · 6.46: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: #6160B7 at 1.67:1.
Blue
Lightness
One color.
More possibilities.
RGB 134, 175, 223 · HSL 212.4°, 58.2%, 70%. 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 #86AFDF.
Every shade.
A new perspective.
#86AFDF9.21:1 · AAA03 Profile & contrast
- CIELAB · D65
- 70.2, -1.7, -28.5
- Relative luminance
- 0.4106
- HSL saturation
- 58.2%
- HSL lightness
- 70%
Aa On white · 2.28:1 · Below AA
Aa On black · 9.21: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: #6160B7 at 2.38:1.
Blue
Lightness
One color.
More possibilities.
RGB 97, 96, 183 · HSL 240.7°, 37.7%, 54.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 #6160B7.
Every shade.
A new perspective.
#6160B75.43:1 · AA03 Profile & contrast
- CIELAB · D65
- 44.7, 23.7, -46.1
- Relative luminance
- 0.1433
- HSL saturation
- 37.7%
- HSL lightness
- 54.7%
Aa On white · 5.43:1 · AA
Aa On black · 3.87: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: #86AFDF at 2.38: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 ↗