En yakın adlandırılmış renk · #E41E63
#E41E63
En yakın adlandırılmış renk: Radiant Raspberry
#E41E63 (rgb(228 30 99), hsl(339 79% 51%), oklch(0.597 0.226 8.9)) en çok Radiant Raspberry 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.
#E41E63
oklch(0.597 0.226 8.9)
Renk dönüşümleri
- HEX
- #e41e63
- RGB
- rgb(228 30 99)
- HSL
- hsl(339 79% 51%)
- HWB
- hwb(339 12% 11%)
- OKLCH
- oklch(0.597 0.226 8.9)
- OKLab
- oklab(0.597 0.223 0.035)
- CIE Lab
- lab(50.63 73.23 15.52)
- LCH
- lch(50.63 74.85 12)
- CMYK
- cmyk(0% 87% 57% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EA4472
- F05E80
- F5758F
- F98A9F
- FC9EAE
- FEB2BE
- FFC5CE
- FFD9DE
- FFECEE
Koyu tonlar
- C61955
- A91347
- 8D0E3A
- 72092E
- 580521
- 3F0316
- 28010B
- 120003
- 030000
Gri tonlar
- DC3566
- D34369
- CA4F6C
- C1596F
- B86172
- AE6875
- A46F77
- 99757A
- 8D7B7D
Renk uyumları
Tamamlayıcı +180°
- E41E63
Radiant Raspberry
- 00938C
≈ Torrid Turquoise
Analog -30° +30°
- E41E63
Radiant Raspberry
- CE31AB
≈ Perfectly Purple Place
- D84700
≈ Macharius Solar Orange
Üçlü +120° +240°
- E41E63
Radiant Raspberry
- 619000
≈ Vida Loca
- 0083DC
≈ Blue Cola
Bölünmüş tamamlayıcı +150° +210°
- E41E63
Radiant Raspberry
- 009760
≈ Green Gloss
- 008EAB
≈ Zeftron
Dörtlü +90° +180° +270°
- E41E63
Radiant Raspberry
- 928000
≈ Moscow Papyrus
- 00938C
≈ Torrid Turquoise
- 6A64FF
≈ Blue Genie
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--radiant-raspberry: #e41e63;
--radiant-raspberry-rgb: 228 30 99;
--radiant-raspberry-oklch: oklch(0.597 0.226 8.9);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(339 79% 51%);
border-color: oklch(0.597 0.226 8.9);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #e41e63;
--color-radiant-raspberry-50: #ffdbe5;
--color-radiant-raspberry-100: #ffc8d5;
--color-radiant-raspberry-200: #ffaabd;
--color-radiant-raspberry-300: #ff7f9b;
--color-radiant-raspberry-400: #ff5382;
--color-radiant-raspberry-500: #f50067;
--color-radiant-raspberry-600: #cf0f57;
--color-radiant-raspberry-700: #a60e45;
--color-radiant-raspberry-800: #7c0735;
--color-radiant-raspberry-900: #580624;
--color-radiant-raspberry-950: #3b0013;
}SCSS
$radiant-raspberry: #e41e63;
$radiant-raspberry-rgb: 228, 30, 99;
$radiant-raspberry-light: mix(#fff, $radiant-raspberry, 20%);
$radiant-raspberry-dark: mix(#000, $radiant-raspberry, 20%);
.element {
color: $radiant-raspberry;
box-shadow: 0 0 0 2px rgba($radiant-raspberry, 0.35);
}