Named color · #7AB5AE
Spring Water Turquoise
Spring Water Turquoise is #7AB5AE: rgb(122 181 174), hsl(173 29% 59%), oklch(0.731 0.062 186.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Spring Water Turquoise color name →
#7AB5AE
oklch(0.731 0.062 186.6)
Color conversions
- HEX
- #7ab5ae
- RGB
- rgb(122 181 174)
- HSL
- hsl(173 29% 59%)
- HWB
- hwb(173 48% 29%)
- OKLCH
- oklch(0.731 0.062 186.6)
- OKLab
- oklab(0.731 -0.062 -0.007)
- CIE Lab
- lab(69.48 -21.08 -2.86)
- LCH
- lch(69.48 21.28 187.7)
- CMYK
- cmyk(33% 0% 4% 29%)
Tints · Shades · Tones
Tints
- 88BCB6
- 95C4BE
- A2CBC6
- B0D2CE
- BDDAD6
- CAE1DE
- D7E9E6
- E5F0EE
- F2F8F7
Shades
- 699D97
- 598680
- 496F6A
- 3A5955
- 2B4441
- 1D302E
- 101D1C
- 050C0B
- 010201
Tones
- 7BB0A9
- 7DAAA5
- 7EA5A0
- 7EA09B
- 7F9A97
- 809592
- 80908E
- 808A89
- 808584
Color harmonies
Complementary +180°
- 7AB5AE
Spring Water Turquoise
- CB98A1
≈ Cooing Doves
Analogous -30° +30°
- 7AB5AE
Spring Water Turquoise
- 88B498
≈ King Theo
- 7AB2C1
≈ Glacier
Triadic +120° +240°
- 7AB5AE
Spring Water Turquoise
- B29EC7
≈ Purple Rose
- C3A17E
≈ Real Cork
Split-complementary +150° +210°
- 7AB5AE
Spring Water Turquoise
- C299B7
≈ Dripping Wisteria
- CB9B8D
≈ Artefact
Tetradic +90° +180° +270°
- 7AB5AE
Spring Water Turquoise
- 9DA5CF
≈ Venus Flower
- CB98A1
≈ Cooing Doves
- B3A87C
≈ Thimbleberry Leaf
Contrast & accessibility
Ag
FailOn white
WCAG 2.32:1 · APCA Lc 46
Ag
AAAOn black
WCAG 9.04:1 · APCA Lc 56
Best text color: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--spring-water-turquoise: #7ab5ae;
--spring-water-turquoise-rgb: 122 181 174;
--spring-water-turquoise-oklch: oklch(0.731 0.062 186.6);
}
.element {
color: var(--spring-water-turquoise);
background-color: hsl(173 29% 59%);
border-color: oklch(0.731 0.062 186.6);
}Tailwind CSS v4
@theme {
--color-spring-water-turquoise: #7ab5ae;
--color-spring-water-turquoise-50: #e2fbf8;
--color-spring-water-turquoise-100: #d2efec;
--color-spring-water-turquoise-200: #b7ddd9;
--color-spring-water-turquoise-300: #93c2bd;
--color-spring-water-turquoise-400: #73aba4;
--color-spring-water-turquoise-500: #52948d;
--color-spring-water-turquoise-600: #467d77;
--color-spring-water-turquoise-700: #38645f;
--color-spring-water-turquoise-800: #284945;
--color-spring-water-turquoise-900: #1b3330;
--color-spring-water-turquoise-950: #0b1f1c;
}SCSS
$spring-water-turquoise: #7ab5ae;
$spring-water-turquoise-rgb: 122, 181, 174;
$spring-water-turquoise-light: mix(#fff, $spring-water-turquoise, 20%);
$spring-water-turquoise-dark: mix(#000, $spring-water-turquoise, 20%);
.element {
color: $spring-water-turquoise;
box-shadow: 0 0 0 2px rgba($spring-water-turquoise, 0.35);
}