Couleur nommée la plus proche · #E52536
#E52536
Couleur nommée la plus proche: Transfusion
#E52536 (rgb(229 37 54), hsl(355 79% 52%), oklch(0.594 0.222 23.8)) est la plus proche de la couleur nommée Transfusion. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E52536
oklch(0.594 0.222 23.8)
Conversions de couleur
- HEX
- #e52536
- RGB
- rgb(229 37 54)
- HSL
- hsl(355 79% 52%)
- HWB
- hwb(355 15% 10%)
- OKLCH
- oklch(0.594 0.222 23.8)
- OKLab
- oklab(0.594 0.203 0.09)
- CIE Lab
- lab(50.67 70.68 42.6)
- LCH
- lch(50.67 82.53 31.1)
- CMYK
- cmyk(0% 84% 76% 10%)
Teintes · Ombres · Tons
Teintes
- EB484B
- F1615F
- F57773
- F98C87
- FCA09A
- FFB3AE
- FFC7C2
- FFD9D6
- FFECEA
Ombres
- C71F2E
- AA1925
- 8E131E
- 720D16
- 58080F
- 3F0408
- 280203
- 120001
- 030000
Tons
- DD393F
- D44748
- CB5250
- C25B57
- B8635F
- AE6A66
- A4706C
- 997673
- 8D7B7A
Harmonies de couleurs
Complémentaire +180°
- E52536
Transfusion
- 00909A
≈ Splashy
Analogue -30° +30°
- E52536
Transfusion
- D92888
≈ Dark Princess Pink
- C06000
≈ Crema
Triadique +120° +240°
- E52536
Transfusion
- 009A1C
≈ Turf Master
- 3671FF
≈ Hailey Blue
Complémentaire divisée +150° +210°
- E52536
Transfusion
- 009479
≈ Pool Table
- 0089BD
≈ Mermaid Dreams
Tétradique +90° +180° +270°
- E52536
Transfusion
- 7F8600
≈ Elwynn Forest Olive
- 00909A
≈ Splashy
- 8A56F3
≈ Pericallis Hybrida
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.51: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 {
--transfusion: #e52536;
--transfusion-rgb: 229 37 54;
--transfusion-oklch: oklch(0.594 0.222 23.8);
}
.element {
color: var(--transfusion);
background-color: hsl(355 79% 52%);
border-color: oklch(0.594 0.222 23.8);
}Tailwind CSS v4
@theme {
--color-transfusion: #e52536;
--color-transfusion-50: #ffddd4;
--color-transfusion-100: #ffcbc1;
--color-transfusion-200: #ffada2;
--color-transfusion-300: #ff847a;
--color-transfusion-400: #ff585a;
--color-transfusion-500: #f71434;
--color-transfusion-600: #d1192d;
--color-transfusion-700: #a81624;
--color-transfusion-800: #7e0c1c;
--color-transfusion-900: #590812;
--color-transfusion-950: #3c0005;
}SCSS
$transfusion: #e52536;
$transfusion-rgb: 229, 37, 54;
$transfusion-light: mix(#fff, $transfusion, 20%);
$transfusion-dark: mix(#000, $transfusion, 20%);
.element {
color: $transfusion;
box-shadow: 0 0 0 2px rgba($transfusion, 0.35);
}