Nearest named color · #00C7D5
#00C7D5
Nearest named color: Sea Serpent
#00C7D5 (rgb(0 199 213), hsl(184 100% 42%), oklch(0.756 0.129 203.8)) is closest to the named color Sea Serpent. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00C7D5
oklch(0.756 0.129 203.8)
Color conversions
- HEX
- #00c7d5
- RGB
- rgb(0 199 213)
- HSL
- hsl(184 100% 42%)
- HWB
- hwb(184 0% 16%)
- OKLCH
- oklch(0.756 0.129 203.8)
- OKLab
- oklab(0.756 -0.118 -0.052)
- CIE Lab
- lab(72.88 -38.67 -19.39)
- LCH
- lch(72.88 43.26 206.6)
- CMYK
- cmyk(100% 7% 0% 16%)
Tints · Shades · Tones
Tints
- 44CDD9
- 62D3DE
- 7BD9E2
- 90DEE6
- A4E4EA
- B8EAEE
- CAEFF3
- DCF4F7
- EEFAFB
Shades
- 00ADB9
- 00939E
- 007A83
- 00626A
- 004C51
- 00363A
- 002124
- 000E10
- 000202
Tones
- 31C0CC
- 45B9C4
- 53B2BB
- 5DABB2
- 66A4AA
- 6D9DA1
- 739699
- 788E91
- 7C8788
Color harmonies
Complementary +180°
- 00C7D5
Sea Serpent
- F78D88
≈ Ibis Wing
Analogous -30° +30°
- 00C7D5
Sea Serpent
- 3BCAA9
≈ Jadeite
- 4CBDF5
≈ Megaman
Triadic +120° +240°
- 00C7D5
Sea Serpent
- D893DE
≈ Somewhere in a Fairytale
- D7A842
≈ Sunny Disposition
Split-complementary +150° +210°
- 00C7D5
Sea Serpent
- EF8CB6
≈ Brown Knapweed
- EF985D
≈ Ridgeback
Tetradic +90° +180° +270°
- 00C7D5
Sea Serpent
- B49FFA
≈ Shy Moment
- F78D88
≈ Ibis Wing
- AFB951
≈ Japanese Fern
Contrast & accessibility
Ag
FailOn white
WCAG 2.07:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.13:1 · APCA Lc 63
Best text color: #000000
WCAG 10.13:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--sea-serpent: #00c7d5;
--sea-serpent-rgb: 0 199 213;
--sea-serpent-oklch: oklch(0.756 0.129 203.8);
}
.element {
color: var(--sea-serpent);
background-color: hsl(184 100% 42%);
border-color: oklch(0.756 0.129 203.8);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #00c7d5;
--color-sea-serpent-50: #cbffff;
--color-sea-serpent-100: #b5f5fd;
--color-sea-serpent-200: #8fe5ef;
--color-sea-serpent-300: #5acad7;
--color-sea-serpent-400: #00b4c1;
--color-sea-serpent-500: #009dad;
--color-sea-serpent-600: #008592;
--color-sea-serpent-700: #006a75;
--color-sea-serpent-800: #004f55;
--color-sea-serpent-900: #00373b;
--color-sea-serpent-950: #002125;
}SCSS
$sea-serpent: #00c7d5;
$sea-serpent-rgb: 0, 199, 213;
$sea-serpent-light: mix(#fff, $sea-serpent, 20%);
$sea-serpent-dark: mix(#000, $sea-serpent, 20%);
.element {
color: $sea-serpent;
box-shadow: 0 0 0 2px rgba($sea-serpent, 0.35);
}