Nearest named color · #E91A2F
#E91A2F
Nearest named color: Transfusion
#E91A2F (rgb(233 26 47), hsl(354 82% 51%), oklch(0.596 0.231 24.6)) is closest to the named color Transfusion. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E91A2F
oklch(0.596 0.231 24.6)
Color conversions
- HEX
- #e91a2f
- RGB
- rgb(233 26 47)
- HSL
- hsl(354 82% 51%)
- HWB
- hwb(354 10% 9%)
- OKLCH
- oklch(0.596 0.231 24.6)
- OKLab
- oklab(0.596 0.21 0.096)
- CIE Lab
- lab(50.74 73.49 46.91)
- LCH
- lch(50.74 87.18 32.6)
- CMYK
- cmyk(0% 89% 80% 9%)
Tints · Shades · Tones
Tints
- EF4346
- F45E5B
- F8756F
- FC8B84
- FF9F98
- FFB3AC
- FFC6C1
- FFD9D5
- FFECEA
Shades
- CB1527
- AD1020
- 900C19
- 740712
- 5A040C
- 410206
- 290103
- 130001
- 030000
Tones
- E0343A
- D74344
- CE4F4C
- C55955
- BB625C
- B06964
- A5706B
- 9A7672
- 8E7B79
Color harmonies
Complementary +180°
- E91A2F
Transfusion
- 00909B
≈ Coral Coast
Analogous -30° +30°
- E91A2F
Transfusion
- DD1E87
≈ Myoga Purple
- C06200
≈ Crema
Triadic +120° +240°
- E91A2F
Transfusion
- 009A25
≈ Turf Master
- 3B71FF
≈ Hailey Blue
Split-complementary +150° +210°
- E91A2F
Transfusion
- 00947B
≈ Aqua Waters
- 0089BE
≈ Mermaid Dreams
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.51:1 · APCA Lc 69
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 33
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 33
Contrast pairs
Code snippets
CSS
:root {
--transfusion: #e91a2f;
--transfusion-rgb: 233 26 47;
--transfusion-oklch: oklch(0.596 0.231 24.6);
}
.element {
color: var(--transfusion);
background-color: hsl(354 82% 51%);
border-color: oklch(0.596 0.231 24.6);
}Tailwind CSS v4
@theme {
--color-transfusion: #e91a2f;
--color-transfusion-50: #ffdcd2;
--color-transfusion-100: #ffcabf;
--color-transfusion-200: #ffab9f;
--color-transfusion-300: #ff8175;
--color-transfusion-400: #ff5455;
--color-transfusion-500: #fb002b;
--color-transfusion-600: #d40926;
--color-transfusion-700: #ab0b1e;
--color-transfusion-800: #800418;
--color-transfusion-900: #5a0510;
--color-transfusion-950: #3d0003;
}SCSS
$transfusion: #e91a2f;
$transfusion-rgb: 233, 26, 47;
$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);
}