Dusk Study — Evening MosaicA study in color.
Start with the whole. Fall for the details.
Rose
Lightness
One color.
More possibilities.
RGB 224, 95, 142 · HSL 338.1°, 67.5%, 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 #E05F8E.
Every shade.
A new perspective.
#E05F8E6.20:1 · AA03 Profile & contrast
- CIELAB · D65
- 58, 54.7, -0.3
- Relative luminance
- 0.2598
- HSL saturation
- 67.5%
- HSL lightness
- 62.5%
Aa On white · 3.39:1 · Below AA
Aa On black · 6.20: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: #365E9D at 1.91:1.
Red
Lightness
One color.
More possibilities.
RGB 219, 95, 90 · HSL 2.3°, 64.2%, 60.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 #DB5F5A.
Every shade.
A new perspective.
#DB5F5A5.80:1 · AA03 Profile & contrast
- CIELAB · D65
- 56.1, 48.2, 27.2
- Relative luminance
- 0.2398
- HSL saturation
- 64.2%
- HSL lightness
- 60.6%
Aa On white · 3.62:1 · Below AA
Aa On black · 5.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: #365E9D at 1.79:1.
Blue
Lightness
One color.
More possibilities.
RGB 41, 155, 221 · HSL 202°, 72.6%, 51.4%. 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 #299BDD.
Every shade.
A new perspective.
#299BDD6.83:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.9, -8.2, -42.2
- Relative luminance
- 0.2913
- HSL saturation
- 72.6%
- HSL lightness
- 51.4%
Aa On white · 3.08:1 · Below AA
Aa On black · 6.83: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: #365E9D at 2.10:1.
Blue
Lightness
One color.
More possibilities.
RGB 54, 94, 157 · HSL 216.7°, 48.8%, 41.4%. 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 #365E9D.
Every shade.
A new perspective.
#365E9D6.47:1 · AA03 Profile & contrast
- CIELAB · D65
- 40, 6.9, -38.5
- Relative luminance
- 0.1122
- HSL saturation
- 48.8%
- HSL lightness
- 41.4%
Aa On white · 6.47:1 · AA
Aa On black · 3.24: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: #E7776F at 2.24:1.
Rose
Lightness
One color.
More possibilities.
RGB 228, 65, 131 · HSL 335.7°, 75.1%, 57.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 #E44183.
Every shade.
A new perspective.
#E441835.38:1 · AA03 Profile & contrast
- CIELAB · D65
- 53.9, 66.8, 0.3
- Relative luminance
- 0.2191
- HSL saturation
- 75.1%
- HSL lightness
- 57.5%
Aa On white · 3.90:1 · Below AA
Aa On black · 5.38: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: #365E9D at 1.66:1.
Blush Pink
Lightness
One color.
More possibilities.
RGB 231, 119, 111 · HSL 4°, 71.4%, 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 #E7776F.
Every shade.
A new perspective.
#E7776F7.27:1 · AAA03 Profile & contrast
- CIELAB · D65
- 62.8, 42.5, 24.4
- Relative luminance
- 0.3133
- HSL saturation
- 71.4%
- HSL lightness
- 67.1%
Aa On white · 2.89:1 · Below AA
Aa On black · 7.27: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: #365E9D at 2.24: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 ↗