Couleur nommée la plus proche · #E52147
#E52147
Couleur nommée la plus proche: Enraged
#E52147 (rgb(229 33 71), hsl(348 79% 51%), oklch(0.595 0.223 18.6)) est la plus proche de la couleur nommée Enraged. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E52147
oklch(0.595 0.223 18.6)
Conversions de couleur
- HEX
- #e52147
- RGB
- rgb(229 33 71)
- HSL
- hsl(348 79% 51%)
- HWB
- hwb(348 13% 10%)
- OKLCH
- oklch(0.595 0.223 18.6)
- OKLab
- oklab(0.595 0.212 0.071)
- CIE Lab
- lab(50.58 71.9 32.54)
- LCH
- lch(50.58 78.92 24.3)
- CMYK
- cmyk(0% 86% 69% 10%)
Teintes · Ombres · Tons
Teintes
- EB4659
- F15F6B
- F5767D
- F98B8F
- FD9FA1
- FFB3B3
- FFC6C6
- FFD9D9
- FFECEC
Ombres
- C71B3D
- AA1632
- 8E1028
- 720B1F
- 580616
- 3F030D
- 280106
- 120002
- 030000
Tons
- DD364D
- D44554
- CB505A
- C25A5F
- B96265
- AF696B
- A47070
- 997675
- 8D7B7B
Harmonies de couleurs
Complémentaire +180°
- E52147
Enraged
- 009195
≈ Splashy
Analogue -30° +30°
- E52147
Enraged
- D52A94
≈ Royal Fuchsia
- C75A00
≈ Rusty Orange
Triadique +120° +240°
- E52147
Enraged
- 389700
≈ Planter
- 0976FF
≈ Blue Sparkle
Complémentaire divisée +150° +210°
- E52147
Enraged
- 009572
≈ Pool Table
- 008BB5
≈ Spinnaker Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.52:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.64:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
CSS
:root {
--enraged: #e52147;
--enraged-rgb: 229 33 71;
--enraged-oklch: oklch(0.595 0.223 18.6);
}
.element {
color: var(--enraged);
background-color: hsl(348 79% 51%);
border-color: oklch(0.595 0.223 18.6);
}Tailwind CSS v4
@theme {
--color-enraged: #e52147;
--color-enraged-50: #ffdcda;
--color-enraged-100: #ffcac8;
--color-enraged-200: #ffacab;
--color-enraged-300: #ff8285;
--color-enraged-400: #ff5669;
--color-enraged-500: #f70a48;
--color-enraged-600: #d0143d;
--color-enraged-700: #a81231;
--color-enraged-800: #7d0925;
--color-enraged-900: #590719;
--color-enraged-950: #3c000a;
}SCSS
$enraged: #e52147;
$enraged-rgb: 229, 33, 71;
$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);
}