Teal Study — Poolside EchoA study in color.
Start with the whole. Fall for the details.
Cyan
Lightness
One color.
More possibilities.
RGB 44, 159, 161 · HSL 181°, 57.1%, 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 #2C9FA1.
Every shade.
A new perspective.
#2C9FA16.58:1 · AA03 Profile & contrast
- CIELAB · D65
- 59.8, -30, -10.2
- Relative luminance
- 0.279
- HSL saturation
- 57.1%
- HSL lightness
- 40.2%
Aa On white · 3.19:1 · Below AA
Aa On black · 6.58: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: #25625F at 2.20:1.
Teal
Lightness
One color.
More possibilities.
RGB 66, 177, 175 · HSL 178.9°, 45.7%, 47.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 #42B1AF.
Every shade.
A new perspective.
#42B1AF8.14:1 · AAA03 Profile & contrast
- CIELAB · D65
- 66.3, -31.3, -8.3
- Relative luminance
- 0.357
- HSL saturation
- 45.7%
- HSL lightness
- 47.6%
Aa On white · 2.58:1 · Below AA
Aa On black · 8.14: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: #25625F at 2.72:1.
Cyan
Lightness
One color.
More possibilities.
RGB 49, 159, 169 · HSL 185°, 55%, 42.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 #319FA9.
Every shade.
A new perspective.
#319FA96.66:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.2, -26.9, -14.1
- Relative luminance
- 0.2831
- HSL saturation
- 55%
- HSL lightness
- 42.7%
Aa On white · 3.15:1 · Below AA
Aa On black · 6.66: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: #25625F at 2.23:1.
Deep Teal
Lightness
One color.
More possibilities.
RGB 37, 98, 95 · HSL 177°, 45.2%, 26.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 #25625F.
Every shade.
A new perspective.
#25625F7.02:1 · AAA03 Profile & contrast
- CIELAB · D65
- 37.8, -20.2, -4.2
- Relative luminance
- 0.0995
- HSL saturation
- 45.2%
- HSL lightness
- 26.5%
Aa On white · 7.02:1 · AAA
Aa On black · 2.99: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: #42B1AF at 2.72:1.
Cyan
Lightness
One color.
More possibilities.
RGB 37, 145, 152 · HSL 183.7°, 60.8%, 37.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 #259198.
Every shade.
A new perspective.
#2591985.58:1 · AA03 Profile & contrast
- CIELAB · D65
- 55, -26.7, -12.3
- Relative luminance
- 0.2291
- HSL saturation
- 60.8%
- HSL lightness
- 37.1%
Aa On white · 3.76:1 · Below AA
Aa On black · 5.58: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: #25625F at 1.87: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 ↗