Teal Study — Tropical StillnessA study in color.
Start with the whole. Fall for the details.
Cyan
Lightness
One color.
More possibilities.
RGB 52, 147, 154 · HSL 184.1°, 49.5%, 40.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 #34939A.
Every shade.
A new perspective.
#34939A5.79:1 · AA03 Profile & contrast
- CIELAB · D65
- 56, -25, -11.9
- Relative luminance
- 0.2393
- HSL saturation
- 49.5%
- HSL lightness
- 40.4%
Aa On white · 3.63:1 · Below AA
Aa On black · 5.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: #116F71 at 1.64:1.
Teal
Lightness
One color.
More possibilities.
RGB 51, 147, 126 · HSL 166.9°, 48.5%, 38.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 #33937E.
Every shade.
A new perspective.
#33937E5.62:1 · AA03 Profile & contrast
- CIELAB · D65
- 55.2, -33.1, 2.9
- Relative luminance
- 0.2308
- HSL saturation
- 48.5%
- HSL lightness
- 38.8%
Aa On white · 3.74:1 · Below AA
Aa On black · 5.62: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: #116F71 at 1.59:1.
Cyan
Lightness
One color.
More possibilities.
RGB 26, 122, 129 · HSL 184.1°, 66.5%, 30.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 #1A7A81.
Every shade.
A new perspective.
#1A7A815.07:1 · AA03 Profile & contrast
- CIELAB · D65
- 46.6, -23.7, -11.5
- Relative luminance
- 0.1572
- HSL saturation
- 66.5%
- HSL lightness
- 30.4%
Aa On white · 5.07:1 · AA
Aa On black · 4.14: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: #34939A at 1.40:1.
Cyan
Lightness
One color.
More possibilities.
RGB 54, 137, 151 · HSL 188.7°, 47.3%, 40.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 #368997.
Every shade.
A new perspective.
#3689975.18:1 · AA03 Profile & contrast
- CIELAB · D65
- 52.8, -20.4, -14.9
- Relative luminance
- 0.2091
- HSL saturation
- 47.3%
- HSL lightness
- 40.2%
Aa On white · 4.05: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: #116F71 at 1.47:1.
Deep Cyan
Lightness
One color.
More possibilities.
RGB 17, 111, 113 · HSL 181.2°, 73.8%, 25.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 #116F71.
Every shade.
A new perspective.
#116F715.94:1 · AA03 Profile & contrast
- CIELAB · D65
- 42.3, -24.2, -8.5
- Relative luminance
- 0.1268
- HSL saturation
- 73.8%
- HSL lightness
- 25.5%
Aa On white · 5.94:1 · AA
Aa On black · 3.54: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: #34939A at 1.64:1.
Cyan
Lightness
One color.
More possibilities.
RGB 13, 146, 149 · HSL 181.3°, 84%, 31.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 #0D9295.
Every shade.
A new perspective.
#0D92955.56:1 · AA03 Profile & contrast
- CIELAB · D65
- 54.9, -30.2, -10.8
- Relative luminance
- 0.2281
- HSL saturation
- 84%
- HSL lightness
- 31.8%
Aa On white · 3.78:1 · Below AA
Aa On black · 5.56: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: #116F71 at 1.57: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 ↗