Couleur nommée la plus proche · #EA1145
#EA1145
Couleur nommée la plus proche: Enraged
#EA1145 (rgb(234 17 69), hsl(346 86% 49%), oklch(0.598 0.234 18.5)) est la plus proche de la couleur nommée Enraged. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EA1145
oklch(0.598 0.234 18.5)
Conversions de couleur
- HEX
- #ea1145
- RGB
- rgb(234 17 69)
- HSL
- hsl(346 86% 49%)
- HWB
- hwb(346 7% 8%)
- OKLCH
- oklch(0.598 0.234 18.5)
- OKLab
- oklab(0.598 0.222 0.074)
- CIE Lab
- lab(50.77 75.36 34.27)
- LCH
- lch(50.77 82.79 24.5)
- CMYK
- cmyk(0% 93% 71% 8%)
Teintes · Ombres · Tons
Teintes
- F04057
- F55C69
- F9747C
- FD898E
- FF9EA0
- FFB2B3
- FFC5C5
- FFD9D8
- FFECEC
Ombres
- CB0D3B
- AE0931
- 910627
- 75041E
- 5A0215
- 41010C
- 290005
- 130002
- 030000
Tons
- E1304C
- D84152
- CF4D58
- C5585E
- BB6064
- B1686A
- A66F70
- 9A7575
- 8E7B7B
Harmonies de couleurs
Complémentaire +180°
- EA1145
Enraged
- 009196
≈ Splashy
Analogue -30° +30°
- EA1145
Enraged
- DA2196
≈ Benevolent Pink
- C95A00
≈ Rusty Orange
Triadique +120° +240°
- EA1145
Enraged
- 399700
≈ Planter
- 0D77FF
≈ Hadfield Blue
Complémentaire divisée +150° +210°
- EA1145
Enraged
- 009672
≈ Cadaverous
- 008CB6
≈ Spinnaker Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.50:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.66:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--enraged: #ea1145;
--enraged-rgb: 234 17 69;
--enraged-oklch: oklch(0.598 0.234 18.5);
}
.element {
color: var(--enraged);
background-color: hsl(346 86% 49%);
border-color: oklch(0.598 0.234 18.5);
}Tailwind CSS v4
@theme {
--color-enraged: #ea1145;
--color-enraged-50: #ffdbd9;
--color-enraged-100: #ffc8c7;
--color-enraged-200: #ffa9a9;
--color-enraged-300: #ff7e83;
--color-enraged-400: #ff5066;
--color-enraged-500: #fb0044;
--color-enraged-600: #d4003b;
--color-enraged-700: #ab022f;
--color-enraged-800: #800024;
--color-enraged-900: #5a0318;
--color-enraged-950: #3d0009;
}SCSS
$enraged: #ea1145;
$enraged-rgb: 234, 17, 69;
$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);
}