En yakın adlandırılmış renk · #00CED3
#00CED3
En yakın adlandırılmış renk: Sea Serpent
#00CED3 (rgb(0 206 211), hsl(181 100% 41%), oklch(0.773 0.131 197.9)) en çok Sea Serpent adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00CED3
oklch(0.773 0.131 197.9)
Renk dönüşümleri
- HEX
- #00ced3
- RGB
- rgb(0 206 211)
- HSL
- hsl(181 100% 41%)
- HWB
- hwb(181 0% 17%)
- OKLCH
- oklch(0.773 0.131 197.9)
- OKLab
- oklab(0.773 -0.125 -0.04)
- CIE Lab
- lab(74.95 -41.96 -15.22)
- LCH
- lch(74.95 44.64 199.9)
- CMYK
- cmyk(100% 2% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 45D3D7
- 64D8DC
- 7CDEE0
- 92E3E5
- A6E8E9
- B9ECED
- CBF1F2
- DDF6F6
- EEFAFB
Koyu tonlar
- 00B3B7
- 00989C
- 007F82
- 006669
- 004E51
- 00383A
- 002324
- 000F10
- 000202
Gri tonlar
- 32C6CA
- 46BEC2
- 54B7B9
- 5FAFB1
- 67A7A9
- 6E9FA0
- 749798
- 799090
- 7D8888
Renk uyumları
Tamamlayıcı +180°
- 00CED3
Sea Serpent
- FE9195
≈ Cherished One
Analog -30° +30°
- 00CED3
Sea Serpent
- 4BD0A5
≈ Mint Jelly
- 41C5F7
≈ Shovel Knight
Üçlü +120° +240°
- 00CED3
Sea Serpent
- D899EB
≈ Bright Ube
- E3AA47
≈ Brass Buttons
Bölünmüş tamamlayıcı +150° +210°
- 00CED3
Sea Serpent
- F291C4
≈ Pearly Pink
- F99A68
≈ Indian Paintbrush
Dörtlü +90° +180° +270°
- 00CED3
Sea Serpent
- B1A8FF
≈ Shy Moment
- FE9195
≈ Cherished One
- BDBB4D
≈ Sinsemilla
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.76:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.76:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--sea-serpent: #00ced3;
--sea-serpent-rgb: 0 206 211;
--sea-serpent-oklch: oklch(0.773 0.131 197.9);
}
.element {
color: var(--sea-serpent);
background-color: hsl(181 100% 41%);
border-color: oklch(0.773 0.131 197.9);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #00ced3;
--color-sea-serpent-50: #caffff;
--color-sea-serpent-100: #b4f6f9;
--color-sea-serpent-200: #8de6ea;
--color-sea-serpent-300: #56ccd2;
--color-sea-serpent-400: #00b5ba;
--color-sea-serpent-500: #009fa5;
--color-sea-serpent-600: #00868c;
--color-sea-serpent-700: #006c70;
--color-sea-serpent-800: #005051;
--color-sea-serpent-900: #003738;
--color-sea-serpent-950: #002223;
}SCSS
$sea-serpent: #00ced3;
$sea-serpent-rgb: 0, 206, 211;
$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);
}