Nearest named color · #00C1AA
#00C1AA
Nearest named color: Turquoise
#00C1AA (rgb(0 193 170), hsl(173 100% 38%), oklch(0.727 0.132 180.2)) is closest to the named color Turquoise. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00C1AA
oklch(0.727 0.132 180.2)
Color conversions
- HEX
- #00c1aa
- RGB
- rgb(0 193 170)
- HSL
- hsl(173 100% 38%)
- HWB
- hwb(173 0% 24%)
- OKLCH
- oklch(0.727 0.132 180.2)
- OKLab
- oklab(0.727 -0.132 0)
- CIE Lab
- lab(69.94 -46.22 -0.48)
- LCH
- lch(69.94 46.23 180.6)
- CMYK
- cmyk(100% 0% 12% 24%)
Tints · Shades · Tones
Tints
- 42C8B2
- 60CEBA
- 78D4C3
- 8EDBCB
- A2E1D4
- B6E7DC
- C9EDE5
- DBF3ED
- EDF9F6
Shades
- 00A793
- 008F7D
- 007768
- 005F53
- 00493F
- 00342D
- 00201B
- 000E0B
- 000201
Tones
- 2FBBA6
- 43B4A1
- 51AE9D
- 5BA799
- 64A195
- 6B9A91
- 72948C
- 778D88
- 7C8784
Color harmonies
Complementary +180°
- 00C1AA
Turquoise
- E981A3
≈ Aurora Pink
Analogous -30° +30°
- 00C1AA
Turquoise
- 63BE7A
≈ Verdigris Coloured
- 00BBD2
≈ Holiday Blue
Triadic +120° +240°
- 00C1AA
Turquoise
- B492ED
≈ Dreamy Candy Forest
- E29148
≈ Yellow Sumac
Split-complementary +150° +210°
- 00C1AA
Turquoise
- D587CE
≈ Pink Punk
- EE8574
≈ Coralette
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.28:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.20:1 · APCA Lc 58
Best text color: #000000
WCAG 9.20:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--turquoise: #00c1aa;
--turquoise-rgb: 0 193 170;
--turquoise-oklch: oklch(0.727 0.132 180.2);
}
.element {
color: var(--turquoise);
background-color: hsl(173 100% 38%);
border-color: oklch(0.727 0.132 180.2);
}Tailwind CSS v4
@theme {
--color-turquoise: #00c1aa;
--color-turquoise-50: #ccfff8;
--color-turquoise-100: #b7f7eb;
--color-turquoise-200: #92e7d9;
--color-turquoise-300: #5ecdbd;
--color-turquoise-400: #0eb7a2;
--color-turquoise-500: #00a18a;
--color-turquoise-600: #008875;
--color-turquoise-700: #006d5d;
--color-turquoise-800: #005142;
--color-turquoise-900: #00382e;
--color-turquoise-950: #00221b;
}SCSS
$turquoise: #00c1aa;
$turquoise-rgb: 0, 193, 170;
$turquoise-light: mix(#fff, $turquoise, 20%);
$turquoise-dark: mix(#000, $turquoise, 20%);
.element {
color: $turquoise;
box-shadow: 0 0 0 2px rgba($turquoise, 0.35);
}