Teal Study — Harbor ExpressionA study in color.
Start with the whole. Fall for the details.
Teal
Lightness
One color.
More possibilities.
RGB 17, 187, 186 · HSL 179.6°, 83.3%, 40%. 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 #11BBBA.
Every shade.
A new perspective.
#11BBBA8.84:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.9, -37.8, -10.6
- Relative luminance
- 0.392
- HSL saturation
- 83.3%
- HSL lightness
- 40%
Aa On white · 2.38:1 · Below AA
Aa On black · 8.84: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: #1C6661 at 2.83:1.
Teal
Lightness
One color.
More possibilities.
RGB 57, 161, 150 · HSL 173.7°, 47.7%, 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 #39A196.
Every shade.
A new perspective.
#39A1966.71:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.4, -32.2, -3.1
- Relative luminance
- 0.2856
- HSL saturation
- 47.7%
- HSL lightness
- 42.7%
Aa On white · 3.13:1 · Below AA
Aa On black · 6.71: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: #1C6661 at 2.15:1.
Deep Teal
Lightness
One color.
More possibilities.
RGB 28, 102, 97 · HSL 175.9°, 56.9%, 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 #1C6661.
Every shade.
A new perspective.
#1C66616.73:1 · AA03 Profile & contrast
- CIELAB · D65
- 38.9, -23.3, -3.7
- Relative luminance
- 0.1061
- HSL saturation
- 56.9%
- HSL lightness
- 25.5%
Aa On white · 6.73:1 · AA
Aa On black · 3.12: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: #44BCA4 at 2.87:1.
Teal
Lightness
One color.
More possibilities.
RGB 68, 188, 164 · HSL 168°, 47.2%, 50.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 #44BCA4.
Every shade.
A new perspective.
#44BCA48.98:1 · AAA03 Profile & contrast
- CIELAB · D65
- 69.4, -39.1, 2.3
- Relative luminance
- 0.3988
- HSL saturation
- 47.2%
- HSL lightness
- 50.2%
Aa On white · 2.34:1 · Below AA
Aa On black · 8.98: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: #1C6661 at 2.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 ↗