En yakın adlandırılmış renk · #5DC6CC
#5DC6CC
En yakın adlandırılmış renk: Sea Serpent
#5DC6CC (rgb(93 198 204), hsl(183 52% 58%), oklch(0.767 0.097 200.4)) 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.
#5DC6CC
oklch(0.767 0.097 200.4)
Renk dönüşümleri
- HEX
- #5dc6cc
- RGB
- rgb(93 198 204)
- HSL
- hsl(183 52% 58%)
- HWB
- hwb(183 36% 20%)
- OKLCH
- oklch(0.767 0.097 200.4)
- OKLab
- oklab(0.767 -0.091 -0.034)
- CIE Lab
- lab(73.92 -30.37 -12.79)
- LCH
- lch(73.92 32.96 202.8)
- CMYK
- cmyk(54% 3% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 71CCD1
- 83D2D6
- 94D7DB
- A4DDE0
- B4E3E5
- C3E9EB
- D3EEF0
- E1F4F5
- F0F9FA
Koyu tonlar
- 50ACB1
- 439297
- 377A7E
- 2A6265
- 1F4B4E
- 143537
- 0A2122
- 030E0F
- 000202
Gri tonlar
- 64BFC4
- 69B8BC
- 6EB1B5
- 72AAAD
- 76A3A5
- 799C9E
- 7B9596
- 7D8E8F
- 7F8787
Renk uyumları
Tamamlayıcı +180°
- 5DC6CC
Sea Serpent
- EB9A99
≈ Funki Porcini
Analog -30° +30°
- 5DC6CC
Sea Serpent
- 6EC8AA
≈ Minted Elegance
- 6DBFE6
≈ Bff Blue
Üçlü +120° +240°
- 5DC6CC
Sea Serpent
- CF9FDA
≈ Autumn Wisteria
- D4AD69
≈ New Wheat
Bölünmüş tamamlayıcı +150° +210°
- 5DC6CC
Sea Serpent
- E39ABC
≈ Shocking
- E6A17A
≈ Peachy Tint
Dörtlü +90° +180° +270°
- 5DC6CC
Sea Serpent
- B2A9ED
≈ Maximum Blue Purple
- EB9A99
≈ Funki Porcini
- B6B96F
≈ Olive Oil
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.01:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.41:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--sea-serpent: #5dc6cc;
--sea-serpent-rgb: 93 198 204;
--sea-serpent-oklch: oklch(0.767 0.097 200.4);
}
.element {
color: var(--sea-serpent);
background-color: hsl(183 52% 58%);
border-color: oklch(0.767 0.097 200.4);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #5dc6cc;
--color-sea-serpent-50: #d6feff;
--color-sea-serpent-100: #c3f2f6;
--color-sea-serpent-200: #a3e1e6;
--color-sea-serpent-300: #78c6cd;
--color-sea-serpent-400: #4cb0b5;
--color-sea-serpent-500: #0099a0;
--color-sea-serpent-600: #078187;
--color-sea-serpent-700: #09686c;
--color-sea-serpent-800: #044c4f;
--color-sea-serpent-900: #043537;
--color-sea-serpent-950: #002022;
}SCSS
$sea-serpent: #5dc6cc;
$sea-serpent-rgb: 93, 198, 204;
$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);
}