En yakın adlandırılmış renk · #47BFC5
#47BFC5
En yakın adlandırılmış renk: Sea Serpent
#47BFC5 (rgb(71 191 197), hsl(183 52% 53%), oklch(0.741 0.105 199.8)) 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.
#47BFC5
oklch(0.741 0.105 199.8)
Renk dönüşümleri
- HEX
- #47bfc5
- RGB
- rgb(71 191 197)
- HSL
- hsl(183 52% 53%)
- HWB
- hwb(183 28% 23%)
- OKLCH
- oklch(0.741 0.105 199.8)
- OKLab
- oklab(0.741 -0.099 -0.036)
- CIE Lab
- lab(70.96 -33.06 -13.49)
- LCH
- lch(70.96 35.7 202.2)
- CMYK
- cmyk(64% 3% 0% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 60C6CB
- 75CCD1
- 89D3D6
- 9BD9DC
- ACDFE2
- BDE6E8
- CEECED
- DFF2F3
- EFF9F9
Koyu tonlar
- 3DA6AB
- 328D92
- 287579
- 1F5E61
- 16484B
- 0D3335
- 061F21
- 020D0E
- 000202
Gri tonlar
- 52B9BE
- 5BB2B7
- 63ACB0
- 69A6A9
- 6EA0A2
- 73999B
- 779394
- 7A8D8D
- 7D8687
Renk uyumları
Tamamlayıcı +180°
- 47BFC5
Sea Serpent
- E69090
≈ Fresh Pink
Analog -30° +30°
- 47BFC5
Sea Serpent
- 5EC1A1
≈ Peppermint Fresh
- 5CB7E1
≈ Sea Frolic
Üçlü +120° +240°
- 47BFC5
Sea Serpent
- C995D5
≈ Somewhere in a Fairytale
- CEA359
≈ Excitable
Bölünmüş tamamlayıcı +150° +210°
- 47BFC5
Sea Serpent
- DD8FB5
≈ Tempting Pink
- E1976E
≈ Baked Salmon
Dörtlü +90° +180° +270°
- 47BFC5
Sea Serpent
- AAA0E9
≈ Dull Lavender
- E69090
≈ Fresh Pink
- AFB15F
≈ Palm
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.20:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.52:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--sea-serpent: #47bfc5;
--sea-serpent-rgb: 71 191 197;
--sea-serpent-oklch: oklch(0.741 0.105 199.8);
}
.element {
color: var(--sea-serpent);
background-color: hsl(183 52% 53%);
border-color: oklch(0.741 0.105 199.8);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #47bfc5;
--color-sea-serpent-50: #d3ffff;
--color-sea-serpent-100: #c0f3f7;
--color-sea-serpent-200: #9ee2e7;
--color-sea-serpent-300: #71c8ce;
--color-sea-serpent-400: #40b1b7;
--color-sea-serpent-500: #009aa1;
--color-sea-serpent-600: #008388;
--color-sea-serpent-700: #00696d;
--color-sea-serpent-800: #004d4f;
--color-sea-serpent-900: #003637;
--color-sea-serpent-950: #002122;
}SCSS
$sea-serpent: #47bfc5;
$sea-serpent-rgb: 71, 191, 197;
$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);
}