Cor nomeada mais próxima · #00CFDC
#00CFDC
Cor nomeada mais próxima: Sea Serpent
#00CFDC (rgb(0 207 220), hsl(184 100% 43%), oklch(0.778 0.133 202.8)) é mais próxima da cor nomeada Sea Serpent. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00CFDC
oklch(0.778 0.133 202.8)
Conversões de cor
- HEX
- #00cfdc
- RGB
- rgb(0 207 220)
- HSL
- hsl(184 100% 43%)
- HWB
- hwb(184 0% 14%)
- OKLCH
- oklch(0.778 0.133 202.8)
- OKLab
- oklab(0.778 -0.122 -0.051)
- CIE Lab
- lab(75.49 -40.2 -19.22)
- LCH
- lch(75.49 44.56 205.6)
- CMYK
- cmyk(100% 6% 0% 14%)
Tons claros · Sombras · Tons
Tons claros
- 45D4E0
- 64D9E3
- 7DDEE7
- 92E3EA
- A6E8EE
- B9EDF1
- CBF1F5
- DDF6F8
- EEFBFC
Sombras
- 00B4BF
- 0099A3
- 007F88
- 00676E
- 004F54
- 00383C
- 002326
- 001011
- 000202
Tons
- 32C7D2
- 47BFC9
- 54B7C0
- 5FAFB6
- 67A8AD
- 6EA0A4
- 74989B
- 799092
- 7D8889
Harmonias de cor
Complementar +180°
- 00CFDC
Sea Serpent
- FF9490
≈ Lolly
Análoga -30° +30°
- 00CFDC
Sea Serpent
- 40D2AE
≈ Mint Jelly
- 4DC5FD
≈ Shovel Knight
Tríade +120° +240°
- 00CFDC
Sea Serpent
- DF99E8
≈ Herb Robert
- E0AE46
≈ Lioness
Complementar dividida +150° +210°
- 00CFDC
Sea Serpent
- F792BE
≈ Pastel Magenta
- F99E62
≈ Brushed Orange
Tétrade +90° +180° +270°
- 00CFDC
Sea Serpent
- BAA7FF
≈ Winterspring Lilac
- FF9490
≈ Lolly
- B8C053
≈ Sativa
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.91:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 10.95:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 10.95:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
CSS
:root {
--sea-serpent: #00cfdc;
--sea-serpent-rgb: 0 207 220;
--sea-serpent-oklch: oklch(0.778 0.133 202.8);
}
.element {
color: var(--sea-serpent);
background-color: hsl(184 100% 43%);
border-color: oklch(0.778 0.133 202.8);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #00cfdc;
--color-sea-serpent-50: #c9ffff;
--color-sea-serpent-100: #b4f5fd;
--color-sea-serpent-200: #8de5ef;
--color-sea-serpent-300: #55cbd7;
--color-sea-serpent-400: #00b5c1;
--color-sea-serpent-500: #009ead;
--color-sea-serpent-600: #008692;
--color-sea-serpent-700: #006b75;
--color-sea-serpent-800: #004f55;
--color-sea-serpent-900: #00373b;
--color-sea-serpent-950: #002225;
}SCSS
$sea-serpent: #00cfdc;
$sea-serpent-rgb: 0, 207, 220;
$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);
}