Najbliższy nazwany kolor · #EA0B49
#EA0B49
Najbliższy nazwany kolor: Enraged
#EA0B49 (rgb(234 11 73), hsl(343 91% 48%), oklch(0.597 0.236 17.1)) jest najbliższy nazwanemu kolorowi Enraged. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EA0B49
oklch(0.597 0.236 17.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F03E5B
- F55B6C
- F9737E
- FD8990
- FF9DA2
- FFB1B4
- FFC5C6
- FFD8D9
- FFECEC
Odcienie ciemniejsze
- CB083E
- AE0634
- 91042A
- 750220
- 5A0117
- 41010E
- 290006
- 130002
- 030000
Tony
- E12E4F
- D83F55
- CF4C5B
- C55760
- BB6066
- B1686B
- A66F71
- 9A7576
- 8E7B7B
Harmonie kolorów
Komplementarna +180°
- EA0B49
Enraged
- 009194
≈ Common Teal
Analogowa -30° +30°
- EA0B49
Enraged
- D92099
≈ Melodramatic Magenta
- CA5800
≈ Tenné
Triada +120° +240°
- EA0B49
Enraged
- 429600
≈ Planter
- 0079FA
≈ Blue Darknut
Komplementarna rozszczepiona +150° +210°
- EA0B49
Enraged
- 009670
≈ Cadaverous
- 008CB4
≈ Spinnaker Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.52:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.64:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.64:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
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);
}