En yakın adlandırılmış renk · #46BEC8
#46BEC8
En yakın adlandırılmış renk: Sea Serpent
#46BEC8 (rgb(70 190 200), hsl(185 54% 53%), oklch(0.739 0.106 203)) 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.
#46BEC8
oklch(0.739 0.106 203)
Renk dönüşümleri
- HEX
- #46bec8
- RGB
- rgb(70 190 200)
- HSL
- hsl(185 54% 53%)
- HWB
- hwb(185 27% 22%)
- OKLCH
- oklch(0.739 0.106 203)
- OKLab
- oklab(0.739 -0.097 -0.041)
- CIE Lab
- lab(70.72 -32.12 -15.49)
- LCH
- lch(70.72 35.66 205.7)
- CMYK
- cmyk(65% 5% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5FC5CD
- 75CBD3
- 88D2D8
- 9AD8DE
- ACDFE3
- BDE5E9
- CEECEE
- DEF2F4
- EFF9F9
Koyu tonlar
- 3CA5AE
- 328C94
- 28757B
- 1E5E63
- 15484C
- 0D3336
- 051F21
- 020D0F
- 000202
Gri tonlar
- 51B8C1
- 5BB2B9
- 62ABB2
- 68A5AB
- 6E9FA3
- 73999C
- 779395
- 7A8C8E
- 7D8687
Renk uyumları
Tamamlayıcı +180°
- 46BEC8
Sea Serpent
- E68F8B
≈ Fresh Pink
Analog -30° +30°
- 46BEC8
Sea Serpent
- 59C0A4
≈ Spearmint
- 5FB6E2
≈ Sea Frolic
Üçlü +120° +240°
- 46BEC8
Sea Serpent
- CB94D1
≈ Ineffable Magenta
- CBA458
≈ Excitable
Bölünmüş tamamlayıcı +150° +210°
- 46BEC8
Sea Serpent
- DF8EB0
≈ Rosebloom
- DF986A
≈ Brown Yellow
Dörtlü +90° +180° +270°
- 46BEC8
Sea Serpent
- AD9EE7
≈ Dull Lavender
- E68F8B
≈ Fresh Pink
- ABB260
≈ Cornstalk
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.21:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.45:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.45:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--sea-serpent: #46bec8;
--sea-serpent-rgb: 70 190 200;
--sea-serpent-oklch: oklch(0.739 0.106 203);
}
.element {
color: var(--sea-serpent);
background-color: hsl(185 54% 53%);
border-color: oklch(0.739 0.106 203);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #46bec8;
--color-sea-serpent-50: #d3ffff;
--color-sea-serpent-100: #bff3f9;
--color-sea-serpent-200: #9ee2ea;
--color-sea-serpent-300: #71c7d1;
--color-sea-serpent-400: #40b1ba;
--color-sea-serpent-500: #009aa5;
--color-sea-serpent-600: #00828b;
--color-sea-serpent-700: #006870;
--color-sea-serpent-800: #004d51;
--color-sea-serpent-900: #003539;
--color-sea-serpent-950: #002023;
}SCSS
$sea-serpent: #46bec8;
$sea-serpent-rgb: 70, 190, 200;
$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);
}