Teal Study — Bay RangeA study in color.
Start with the whole. Fall for the details.
Cyan
Lightness
One color.
More possibilities.
RGB 28, 132, 140 · HSL 184.3°, 66.7%, 32.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 #1C848C.
Every shade.
A new perspective.
#1C848C4.73:1 · AA03 Profile & contrast
- CIELAB · D65
- 50.3, -25, -12.5
- Relative luminance
- 0.1864
- HSL saturation
- 66.7%
- HSL lightness
- 32.9%
Aa On white · 4.44:1 · Below AA
Aa On black · 4.73: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: #2AECC1 at 2.93:1.
Teal
Lightness
One color.
More possibilities.
RGB 17, 198, 196 · HSL 179.3°, 84.2%, 42.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 #11C6C4.
Every shade.
A new perspective.
#11C6C49.90:1 · AAA03 Profile & contrast
- CIELAB · D65
- 72.6, -39.8, -10.6
- Relative luminance
- 0.4449
- HSL saturation
- 84.2%
- HSL lightness
- 42.2%
Aa On white · 2.12:1 · Below AA
Aa On black · 9.90: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: #1C848C at 2.09:1.
Teal
Lightness
One color.
More possibilities.
RGB 42, 236, 193 · HSL 166.7°, 83.6%, 54.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 #2AECC1.
Every shade.
A new perspective.
#2AECC113.87:1 · AAA03 Profile & contrast
- CIELAB · D65
- 84.1, -55.2, 8
- Relative luminance
- 0.6433
- HSL saturation
- 83.6%
- HSL lightness
- 54.5%
Aa On white · 1.51:1 · Below AA
Aa On black · 13.87: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: #1C848C at 2.93:1.
Cyan
Lightness
One color.
More possibilities.
RGB 70, 204, 208 · HSL 181.7°, 59.5%, 54.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 #46CCD0.
Every shade.
A new perspective.
#46CCD010.81:1 · AAA03 Profile & contrast
- CIELAB · D65
- 75.5, -34.2, -12.6
- Relative luminance
- 0.4904
- HSL saturation
- 59.5%
- HSL lightness
- 54.5%
Aa On white · 1.94:1 · Below AA
Aa On black · 10.81: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: #1C848C at 2.29:1.
Cyan
Lightness
One color.
More possibilities.
RGB 58, 184, 199 · HSL 186.4°, 55.7%, 50.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 #3AB8C7.
Every shade.
A new perspective.
#3AB8C78.86:1 · AAA03 Profile & contrast
- CIELAB · D65
- 69, -28.9, -17.5
- Relative luminance
- 0.393
- HSL saturation
- 55.7%
- HSL lightness
- 50.4%
Aa On white · 2.37:1 · Below AA
Aa On black · 8.86: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: #1C848C at 1.87:1.
Cyan
Lightness
One color.
More possibilities.
RGB 27, 194, 235 · HSL 191.8°, 83.9%, 51.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 #1BC2EB.
Every shade.
A new perspective.
#1BC2EB9.96:1 · AAA03 Profile & contrast
- CIELAB · D65
- 72.8, -25.1, -31.4
- Relative luminance
- 0.4481
- HSL saturation
- 83.9%
- HSL lightness
- 51.4%
Aa On white · 2.11:1 · Below AA
Aa On black · 9.96: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: #1C848C at 2.11: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 ↗