Blue Study — Tide Shadow ReflectionsA study in color.
Start with the whole. Fall for the details.
Cyan
Lightness
One color.
More possibilities.
RGB 87, 166, 200 · HSL 198.1°, 50.7%, 56.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 #57A6C8.
Every shade.
A new perspective.
#57A6C87.69:1 · AAA03 Profile & contrast
- CIELAB · D65
- 64.5, -14.5, -24.8
- Relative luminance
- 0.3347
- HSL saturation
- 50.7%
- HSL lightness
- 56.3%
Aa On white · 2.73:1 · Below AA
Aa On black · 7.69: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: #292473 at 4.83:1.
Blue
Lightness
One color.
More possibilities.
RGB 41, 36, 115 · HSL 243.8°, 52.3%, 29.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 #292473.
Every shade.
A new perspective.
#29247313.17:1 · AAA03 Profile & contrast
- CIELAB · D65
- 19.9, 27.9, -44.8
- Relative luminance
- 0.0297
- HSL saturation
- 52.3%
- HSL lightness
- 29.6%
Aa On white · 13.17:1 · AAA
Aa On black · 1.59: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: #57A6C8 at 4.83:1.
Violet
Lightness
One color.
More possibilities.
RGB 53, 24, 156 · HSL 253.2°, 73.3%, 35.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 #35189C.
Every shade.
A new perspective.
#35189C11.92:1 · AAA03 Profile & contrast
- CIELAB · D65
- 23, 49, -65.4
- Relative luminance
- 0.0381
- HSL saturation
- 73.3%
- HSL lightness
- 35.3%
Aa On white · 11.92:1 · AAA
Aa On black · 1.76: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: #57A6C8 at 4.37:1.
Blue
Lightness
One color.
More possibilities.
RGB 75, 153, 204 · HSL 203.7°, 55.8%, 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 #4B99CC.
Every shade.
A new perspective.
#4B99CC6.73:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.5, -8.4, -33.3
- Relative luminance
- 0.2864
- HSL saturation
- 55.8%
- HSL lightness
- 54.7%
Aa On white · 3.12:1 · Below AA
Aa On black · 6.73: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: #292473 at 4.22: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 ↗