Couleur nommée la plus proche · #E71232
#E71232
Couleur nommée la plus proche: Transfusion
#E71232 (rgb(231 18 50), hsl(351 86% 49%), oklch(0.59 0.232 23.3)) est la plus proche de la couleur nommée Transfusion. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E71232
oklch(0.59 0.232 23.3)
Conversions de couleur
- HEX
- #e71232
- RGB
- rgb(231 18 50)
- HSL
- hsl(351 86% 49%)
- HWB
- hwb(351 7% 9%)
- OKLCH
- oklch(0.59 0.232 23.3)
- OKLab
- oklab(0.59 0.213 0.092)
- CIE Lab
- lab(49.99 74.05 44.36)
- LCH
- lch(49.99 86.32 30.9)
- CMYK
- cmyk(0% 92% 78% 9%)
Teintes · Ombres · Tons
Teintes
- ED4048
- F35C5D
- F77371
- FB8985
- FE9E98
- FFB2AD
- FFC5C1
- FFD9D5
- FFECEA
Ombres
- C90E2A
- AB0A22
- 8F071B
- 730414
- 59020D
- 400107
- 280103
- 130001
- 030000
Tons
- DF303C
- D64145
- CD4D4E
- C45755
- BA605D
- B06864
- A56F6B
- 9A7572
- 8D7B79
Harmonies de couleurs
Complémentaire +180°
- E71232
Transfusion
- 008E98
≈ Tempo Teal
Analogue -30° +30°
- E71232
Transfusion
- DA1A88
≈ Benevolent Pink
- BF5F00
≈ Crema
Triadique +120° +240°
- E71232
Transfusion
- 009814
≈ Green Gardens
- 3170FF
≈ Hailey Blue
Complémentaire divisée +150° +210°
- E71232
Transfusion
- 009277
≈ Dòu Lǜ Green
- 0088BA
≈ Mermaid Dreams
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.63:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.53:1 · APCA Lc 32
Meilleure couleur de texte: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--transfusion: #e71232;
--transfusion-rgb: 231 18 50;
--transfusion-oklch: oklch(0.59 0.232 23.3);
}
.element {
color: var(--transfusion);
background-color: hsl(351 86% 49%);
border-color: oklch(0.59 0.232 23.3);
}Tailwind CSS v4
@theme {
--color-transfusion: #e71232;
--color-transfusion-50: #ffdcd3;
--color-transfusion-100: #ffcac0;
--color-transfusion-200: #ffaba1;
--color-transfusion-300: #ff8078;
--color-transfusion-400: #ff5358;
--color-transfusion-500: #fb0031;
--color-transfusion-600: #d4052b;
--color-transfusion-700: #ab0922;
--color-transfusion-800: #80031b;
--color-transfusion-900: #5b0411;
--color-transfusion-950: #3d0004;
}SCSS
$transfusion: #e71232;
$transfusion-rgb: 231, 18, 50;
$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);
}