Metallic Study — Cyber HarmonyA study in color.
Start with the whole. Fall for the details.
Cyan
Lightness
One color.
More possibilities.
RGB 86, 177, 179 · HSL 181.3°, 38%, 52%. 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 #56B1B3.
Every shade.
A new perspective.
#56B1B38.34:1 · AAA03 Profile & contrast
- CIELAB · D65
- 67, -26.4, -9.3
- Relative luminance
- 0.3668
- HSL saturation
- 38%
- HSL lightness
- 52%
Aa On white · 2.52:1 · Below AA
Aa On black · 8.34: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: #4488A5 at 1.57:1.
Cyan
Lightness
One color.
More possibilities.
RGB 87, 171, 190 · HSL 191.1°, 44.2%, 54.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 #57ABBE.
Every shade.
A new perspective.
#57ABBE7.97:1 · AAA03 Profile & contrast
- CIELAB · D65
- 65.6, -20.1, -17.5
- Relative luminance
- 0.3487
- HSL saturation
- 44.2%
- HSL lightness
- 54.3%
Aa On white · 2.63:1 · Below AA
Aa On black · 7.97: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: #4488A5 at 1.50:1.
Cyan
Lightness
One color.
More possibilities.
RGB 68, 136, 165 · HSL 197.9°, 41.6%, 45.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 #4488A5.
Every shade.
A new perspective.
#4488A55.31:1 · AA03 Profile & contrast
- CIELAB · D65
- 53.5, -12.8, -21.9
- Relative luminance
- 0.2155
- HSL saturation
- 41.6%
- HSL lightness
- 45.7%
Aa On white · 3.95:1 · Below AA
Aa On black · 5.31: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: #83B9BB at 1.81:1.
Muted Cyan
Lightness
One color.
More possibilities.
RGB 131, 185, 187 · HSL 182.1°, 29.2%, 62.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 #83B9BB.
Every shade.
A new perspective.
#83B9BB9.62:1 · AAA03 Profile & contrast
- CIELAB · D65
- 71.6, -17, -6.7
- Relative luminance
- 0.4311
- HSL saturation
- 29.2%
- HSL lightness
- 62.4%
Aa On white · 2.18:1 · Below AA
Aa On black · 9.62: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: #4488A5 at 1.81:1.
Muted Cyan
Lightness
One color.
More possibilities.
RGB 108, 164, 177 · HSL 191.3°, 30.7%, 55.9%. 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 #6CA4B1.
Every shade.
A new perspective.
#6CA4B17.58:1 · AAA03 Profile & contrast
- CIELAB · D65
- 64.1, -14.9, -12.5
- Relative luminance
- 0.3291
- HSL saturation
- 30.7%
- HSL lightness
- 55.9%
Aa On white · 2.77:1 · Below AA
Aa On black · 7.58: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: #4488A5 at 1.43: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 ↗