En yakın adlandırılmış renk · #00C2D3
#00C2D3
En yakın adlandırılmış renk: Sea Serpent
#00C2D3 (rgb(0 194 211), hsl(185 100% 41%), oklch(0.743 0.127 205.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.
#00C2D3
oklch(0.743 0.127 205.9)
Renk dönüşümleri
- HEX
- #00c2d3
- RGB
- rgb(0 194 211)
- HSL
- hsl(185 100% 41%)
- HWB
- hwb(185 0% 17%)
- OKLCH
- oklch(0.743 0.127 205.9)
- OKLab
- oklab(0.743 -0.114 -0.056)
- CIE Lab
- lab(71.3 -37.12 -20.69)
- LCH
- lch(71.3 42.5 209.1)
- CMYK
- cmyk(100% 8% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 43C8D8
- 61CFDC
- 79D5E0
- 8FDBE5
- A3E1E9
- B7E7EE
- C9EDF2
- DBF3F6
- EDF9FB
Koyu tonlar
- 00A8B7
- 008F9C
- 007782
- 006069
- 004951
- 00343A
- 002024
- 000E10
- 000202
Gri tonlar
- 30BBCA
- 44B5C2
- 52AEBA
- 5CA8B1
- 65A1A9
- 6C9BA1
- 729498
- 788D90
- 7C8788
Renk uyumları
Tamamlayıcı +180°
- 00C2D3
Sea Serpent
- F28A81
≈ Cheery
Analog -30° +30°
- 00C2D3
Sea Serpent
- 33C6A9
≈ Jade Mountain
- 4EB8F1
≈ Megaman
Üçlü +120° +240°
- 00C2D3
Sea Serpent
- D58FD7
≈ Somewhere in a Fairytale
- D0A540
≈ Golden Age Gilt
Bölünmüş tamamlayıcı +150° +210°
- 00C2D3
Sea Serpent
- EB88AE
≈ Brown Knapweed
- E99557
≈ Bronze Cup
Dörtlü +90° +180° +270°
- 00C2D3
Sea Serpent
- B39AF3
≈ Dreamy Candy Forest
- F28A81
≈ Cheery
- A8B650
≈ Green Banana
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.17:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.65:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--sea-serpent: #00c2d3;
--sea-serpent-rgb: 0 194 211;
--sea-serpent-oklch: oklch(0.743 0.127 205.9);
}
.element {
color: var(--sea-serpent);
background-color: hsl(185 100% 41%);
border-color: oklch(0.743 0.127 205.9);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #00c2d3;
--color-sea-serpent-50: #ccffff;
--color-sea-serpent-100: #b6f5fe;
--color-sea-serpent-200: #91e4f1;
--color-sea-serpent-300: #5ccad9;
--color-sea-serpent-400: #00b3c3;
--color-sea-serpent-500: #009caf;
--color-sea-serpent-600: #008494;
--color-sea-serpent-700: #006a77;
--color-sea-serpent-800: #004e56;
--color-sea-serpent-900: #00363c;
--color-sea-serpent-950: #002126;
}SCSS
$sea-serpent: #00c2d3;
$sea-serpent-rgb: 0, 194, 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);
}