En yakın adlandırılmış renk · #EA0B49
#EA0B49
En yakın adlandırılmış renk: Enraged
#EA0B49 (rgb(234 11 73), hsl(343 91% 48%), oklch(0.597 0.236 17.1)) en çok Enraged 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.
#EA0B49
oklch(0.597 0.236 17.1)
Renk dönüşümleri
- HEX
- #ea0b49
- RGB
- rgb(234 11 73)
- HSL
- hsl(343 91% 48%)
- HWB
- hwb(343 4% 8%)
- OKLCH
- oklch(0.597 0.236 17.1)
- OKLab
- oklab(0.597 0.225 0.069)
- CIE Lab
- lab(50.63 76.01 31.7)
- LCH
- lch(50.63 82.35 22.6)
- CMYK
- cmyk(0% 95% 69% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F03E5B
- F55B6C
- F9737E
- FD8990
- FF9DA2
- FFB1B4
- FFC5C6
- FFD8D9
- FFECEC
Koyu tonlar
- CB083E
- AE0634
- 91042A
- 750220
- 5A0117
- 41010E
- 290006
- 130002
- 030000
Gri tonlar
- E12E4F
- D83F55
- CF4C5B
- C55760
- BB6066
- B1686B
- A66F71
- 9A7576
- 8E7B7B
Renk uyumları
Tamamlayıcı +180°
- EA0B49
Enraged
- 009194
≈ Common Teal
Analog -30° +30°
- EA0B49
Enraged
- D92099
≈ Melodramatic Magenta
- CA5800
≈ Tenné
Üçlü +120° +240°
- EA0B49
Enraged
- 429600
≈ Planter
- 0079FA
≈ Blue Darknut
Bölünmüş tamamlayıcı +150° +210°
- EA0B49
Enraged
- 009670
≈ Cadaverous
- 008CB4
≈ Spinnaker Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.52:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.64:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.64:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--enraged: #ea0b49;
--enraged-rgb: 234 11 73;
--enraged-oklch: oklch(0.597 0.236 17.1);
}
.element {
color: var(--enraged);
background-color: hsl(343 91% 48%);
border-color: oklch(0.597 0.236 17.1);
}Tailwind CSS v4
@theme {
--color-enraged: #ea0b49;
--color-enraged-50: #ffdada;
--color-enraged-100: #ffc8c9;
--color-enraged-200: #ffa9ac;
--color-enraged-300: #ff7d86;
--color-enraged-400: #ff4e6a;
--color-enraged-500: #fc0049;
--color-enraged-600: #d4003f;
--color-enraged-700: #ab0032;
--color-enraged-800: #800026;
--color-enraged-900: #5b021a;
--color-enraged-950: #3d000a;
}SCSS
$enraged: #ea0b49;
$enraged-rgb: 234, 11, 73;
$enraged-light: mix(#fff, $enraged, 20%);
$enraged-dark: mix(#000, $enraged, 20%);
.element {
color: $enraged;
box-shadow: 0 0 0 2px rgba($enraged, 0.35);
}