Color con nombre más cercano · #EA0B49
#EA0B49
Color con nombre más cercano: Enraged
#EA0B49 (rgb(234 11 73), hsl(343 91% 48%), oklch(0.597 0.236 17.1)) se parece más al color con nombre Enraged. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EA0B49
oklch(0.597 0.236 17.1)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- F03E5B
- F55B6C
- F9737E
- FD8990
- FF9DA2
- FFB1B4
- FFC5C6
- FFD8D9
- FFECEC
Sombras
- CB083E
- AE0634
- 91042A
- 750220
- 5A0117
- 41010E
- 290006
- 130002
- 030000
Tonos
- E12E4F
- D83F55
- CF4C5B
- C55760
- BB6066
- B1686B
- A66F71
- 9A7576
- 8E7B7B
Armonías de color
Complementario +180°
- EA0B49
Enraged
- 009194
≈ Common Teal
Análogo -30° +30°
- EA0B49
Enraged
- D92099
≈ Melodramatic Magenta
- CA5800
≈ Tenné
Triádico +120° +240°
- EA0B49
Enraged
- 429600
≈ Planter
- 0079FA
≈ Blue Darknut
Complementario dividido +150° +210°
- EA0B49
Enraged
- 009670
≈ Cadaverous
- 008CB4
≈ Spinnaker Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.52:1 · APCA Lc 69
Ag
AASobre negro
WCAG 4.64:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 4.64:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
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);
}