Teal Study — Sea Harborlight RadianceA study in color.
Start with the whole. Fall for the details.
Teal
Lightness
One color.
More possibilities.
RGB 54, 145, 124 · HSL 166.2°, 45.7%, 39%. 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 #36917C.
Every shade.
A new perspective.
#36917C5.50:1 · AA03 Profile & contrast
- CIELAB · D65
- 54.5, -32.2, 3.2
- Relative luminance
- 0.2249
- HSL saturation
- 45.7%
- HSL lightness
- 39%
Aa On white · 3.82:1 · Below AA
Aa On black · 5.50: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: #317488 at 1.38:1.
Teal
Lightness
One color.
More possibilities.
RGB 47, 128, 109 · HSL 165.9°, 46.3%, 34.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 #2F806D.
Every shade.
A new perspective.
#2F806D4.74:1 · AA03 Profile & contrast
- CIELAB · D65
- 48.4, -29.4, 3.1
- Relative luminance
- 0.1715
- HSL saturation
- 46.3%
- HSL lightness
- 34.3%
Aa On white · 4.74:1 · AA
Aa On black · 4.43: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: #40A1AD at 1.56:1.
Cyan
Lightness
One color.
More possibilities.
RGB 49, 116, 136 · HSL 193.8°, 47%, 36.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 #317488.
Every shade.
A new perspective.
#3174885.27:1 · AA03 Profile & contrast
- CIELAB · D65
- 45.5, -14.7, -17.3
- Relative luminance
- 0.1492
- HSL saturation
- 47%
- HSL lightness
- 36.3%
Aa On white · 5.27:1 · AA
Aa On black · 3.98: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: #40A1AD at 1.74:1.
Cyan
Lightness
One color.
More possibilities.
RGB 47, 128, 128 · HSL 180°, 46.3%, 34.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 #2F8080.
Every shade.
A new perspective.
#2F80804.65:1 · AA03 Profile & contrast
- CIELAB · D65
- 49, -24, -7.3
- Relative luminance
- 0.176
- HSL saturation
- 46.3%
- HSL lightness
- 34.3%
Aa On white · 4.65:1 · AA
Aa On black · 4.52: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: #40A1AD at 1.53:1.
Cyan
Lightness
One color.
More possibilities.
RGB 64, 161, 173 · HSL 186.6°, 46%, 46.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 #40A1AD.
Every shade.
A new perspective.
#40A1AD6.92:1 · AA03 Profile & contrast
- CIELAB · D65
- 61.3, -24.4, -14.6
- Relative luminance
- 0.296
- HSL saturation
- 46%
- HSL lightness
- 46.5%
Aa On white · 3.03:1 · Below AA
Aa On black · 6.92: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: #317488 at 1.74: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 ↗