Couleur nommée la plus proche · #EA1721
#EA1721
Couleur nommée la plus proche: Blood Donor
#EA1721 (rgb(234 23 33), hsl(357 83% 50%), oklch(0.595 0.234 27)) est la plus proche de la couleur nommée Blood Donor. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EA1721
oklch(0.595 0.234 27)
Conversions de couleur
- HEX
- #ea1721
- RGB
- rgb(234 23 33)
- HSL
- hsl(357 83% 50%)
- HWB
- hwb(357 9% 8%)
- OKLCH
- oklch(0.595 0.234 27)
- OKLab
- oklab(0.595 0.209 0.107)
- CIE Lab
- lab(50.7 73.93 54.23)
- LCH
- lch(50.7 91.69 36.3)
- CMYK
- cmyk(0% 90% 86% 8%)
Teintes · Ombres · Tons
Teintes
- F0423D
- F55E54
- F9756A
- FD8B7F
- FF9F94
- FFB3A9
- FFC6BE
- FFD9D4
- FFECE9
Ombres
- CB121B
- AE0E16
- 910A10
- 75060B
- 5A0406
- 410203
- 290101
- 130000
- 030000
Tons
- E13230
- D8433C
- CF4F46
- C55950
- BB6158
- B16961
- A67069
- 9A7671
- 8E7B78
Harmonies de couleurs
Complémentaire +180°
- EA1721
Blood Donor
- 008F9E
≈ Coral Coast
Analogue -30° +30°
- EA1721
Blood Donor
- E01681
≈ Mexican Pink
- BD6400
≈ Fire Ant
Triadique +120° +240°
- EA1721
Blood Donor
- 009937
≈ Peppermint Toad
- 456FFF
≈ Blue Titmouse
Complémentaire divisée +150° +210°
- EA1721
Blood Donor
- 00947E
≈ Aqua Waters
- 0088C2
≈ Azul Caribe
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 33
Meilleure couleur de texte: #000000
WCAG 4.64:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--blood-donor: #ea1721;
--blood-donor-rgb: 234 23 33;
--blood-donor-oklch: oklch(0.595 0.234 27);
}
.element {
color: var(--blood-donor);
background-color: hsl(357 83% 50%);
border-color: oklch(0.595 0.234 27);
}Tailwind CSS v4
@theme {
--color-blood-donor: #ea1721;
--color-blood-donor-50: #ffdccf;
--color-blood-donor-100: #ffcabb;
--color-blood-donor-200: #ffab99;
--color-blood-donor-300: #ff816e;
--color-blood-donor-400: #ff534b;
--color-blood-donor-500: #fc0017;
--color-blood-donor-600: #d50518;
--color-blood-donor-700: #ab0913;
--color-blood-donor-800: #800211;
--color-blood-donor-900: #5b040b;
--color-blood-donor-950: #3d0001;
}SCSS
$blood-donor: #ea1721;
$blood-donor-rgb: 234, 23, 33;
$blood-donor-light: mix(#fff, $blood-donor, 20%);
$blood-donor-dark: mix(#000, $blood-donor, 20%);
.element {
color: $blood-donor;
box-shadow: 0 0 0 2px rgba($blood-donor, 0.35);
}