Technology — Weathered ReflectionsA study in color.
Start with the whole. Fall for the details.
Blue
Lightness
One color.
More possibilities.
RGB 53, 79, 188 · HSL 228.4°, 56%, 47.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 #354FBC.
Every shade.
A new perspective.
#354FBC7.01:1 · AAA03 Profile & contrast
- CIELAB · D65
- 37.8, 27.9, -60.3
- Relative luminance
- 0.0998
- HSL saturation
- 56%
- HSL lightness
- 47.3%
Aa On white · 7.01:1 · AAA
Aa On black · 3.00: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: #66C7B2 at 3.46:1.
Violet
Lightness
One color.
More possibilities.
RGB 153, 135, 214 · HSL 253.7°, 49.1%, 68.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 #9987D6.
Every shade.
A new perspective.
#9987D66.79:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.7, 23.9, -38.1
- Relative luminance
- 0.2896
- HSL saturation
- 49.1%
- HSL lightness
- 68.4%
Aa On white · 3.09:1 · Below AA
Aa On black · 6.79: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: #354FBC at 2.27:1.
Teal
Lightness
One color.
More possibilities.
RGB 102, 199, 178 · HSL 167°, 46.4%, 59%. 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 #66C7B2.
Every shade.
A new perspective.
#66C7B210.38:1 · AAA03 Profile & contrast
- CIELAB · D65
- 74.1, -33.7, 1.7
- Relative luminance
- 0.4689
- HSL saturation
- 46.4%
- HSL lightness
- 59%
Aa On white · 2.02:1 · Below AA
Aa On black · 10.38: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: #354FBC at 3.46:1.
Cyan
Lightness
One color.
More possibilities.
RGB 93, 150, 174 · HSL 197.8°, 33.3%, 52.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 #5D96AE.
Every shade.
A new perspective.
#5D96AE6.44:1 · AA03 Profile & contrast
- CIELAB · D65
- 59.2, -12.1, -18.4
- Relative luminance
- 0.272
- HSL saturation
- 33.3%
- HSL lightness
- 52.4%
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: #354FBC at 2.15:1.
Light Blue
Lightness
One color.
More possibilities.
RGB 175, 171, 203 · HSL 247.5°, 23.5%, 73.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 #AFABCB.
Every shade.
A new perspective.
#AFABCB9.51:1 · AAA03 Profile & contrast
- CIELAB · D65
- 71.2, 7.8, -15.7
- Relative luminance
- 0.4255
- HSL saturation
- 23.5%
- HSL lightness
- 73.3%
Aa On white · 2.21:1 · Below AA
Aa On black · 9.51: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: #354FBC at 3.17:1.
Muted Green
Lightness
One color.
More possibilities.
RGB 138, 167, 142 · HSL 128.3°, 14.1%, 59.8%. 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 #8AA78E.
Every shade.
A new perspective.
#8AA78E8.00:1 · AAA03 Profile & contrast
- CIELAB · D65
- 65.7, -15, 9.6
- Relative luminance
- 0.3499
- HSL saturation
- 14.1%
- HSL lightness
- 59.8%
Aa On white · 2.63:1 · Below AA
Aa On black · 8.00: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: #354FBC at 2.67: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 ↗