Couleur nommée la plus proche · #00C7D5
#00C7D5
Couleur nommée la plus proche: Sea Serpent
#00C7D5 (rgb(0 199 213), hsl(184 100% 42%), oklch(0.756 0.129 203.8)) est la plus proche de la couleur nommée Sea Serpent. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#00C7D5
oklch(0.756 0.129 203.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 44CDD9
- 62D3DE
- 7BD9E2
- 90DEE6
- A4E4EA
- B8EAEE
- CAEFF3
- DCF4F7
- EEFAFB
Ombres
- 00ADB9
- 00939E
- 007A83
- 00626A
- 004C51
- 00363A
- 002124
- 000E10
- 000202
Tons
- 31C0CC
- 45B9C4
- 53B2BB
- 5DABB2
- 66A4AA
- 6D9DA1
- 739699
- 788E91
- 7C8788
Harmonies de couleurs
Complémentaire +180°
- 00C7D5
Sea Serpent
- F78D88
≈ Ibis Wing
Analogue -30° +30°
- 00C7D5
Sea Serpent
- 3BCAA9
≈ Jadeite
- 4CBDF5
≈ Megaman
Triadique +120° +240°
- 00C7D5
Sea Serpent
- D893DE
≈ Somewhere in a Fairytale
- D7A842
≈ Sunny Disposition
Complémentaire divisée +150° +210°
- 00C7D5
Sea Serpent
- EF8CB6
≈ Brown Knapweed
- EF985D
≈ Ridgeback
Tétradique +90° +180° +270°
- 00C7D5
Sea Serpent
- B49FFA
≈ Shy Moment
- F78D88
≈ Ibis Wing
- AFB951
≈ Japanese Fern
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.07:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.13:1 · APCA Lc 63
Meilleure couleur de texte: #000000
WCAG 10.13:1 (AAA) · APCA Lc 63
Contrast pairs
Extraits de code
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);
}