Nearest named color · #ED002C
#ED002C
Nearest named color: Transfusion
#ED002C (rgb(237 0 44), hsl(349 100% 46%), oklch(0.596 0.241 24.1)) is closest to the named color Transfusion. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#ED002C
oklch(0.596 0.241 24.1)
Color conversions
- HEX
- #ed002c
- RGB
- rgb(237 0 44)
- HSL
- hsl(349 100% 46%)
- HWB
- hwb(349 0% 7%)
- OKLCH
- oklch(0.596 0.241 24.1)
- OKLab
- oklab(0.596 0.22 0.099)
- CIE Lab
- lab(50.68 76.86 48.87)
- LCH
- lch(50.68 91.08 32.5)
- CMYK
- cmyk(0% 100% 81% 7%)
Tints · Shades · Tones
Tints
- F33D44
- F85A59
- FC736E
- FF8982
- FF9D97
- FFB2AB
- FFC5C0
- FFD9D5
- FFECEA
Shades
- CE0025
- B0001E
- 930017
- 770011
- 5C000A
- 420005
- 2A0002
- 140001
- 030000
Tones
- E42C38
- DB3E42
- D14C4B
- C75753
- BD605B
- B26863
- A76F6B
- 9B7572
- 8E7B79
Color harmonies
Complementary +180°
- ED002C
Transfusion
- 00909B
≈ Coral Coast
Analogous -30° +30°
- ED002C
Transfusion
- E00D88
≈ Benevolent Pink
- C16100
≈ Crema
Triadic +120° +240°
- ED002C
Transfusion
- 009A20
≈ Turf Master
- 3972FF
≈ Hailey Blue
Split-complementary +150° +210°
- ED002C
Transfusion
- 00957A
≈ Pool Table
- 008ABE
≈ Mermaid Dreams
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.52:1 · APCA Lc 68
Ag
AAOn black
WCAG 4.63:1 · APCA Lc 33
Best text color: #000000
WCAG 4.63:1 (AA) · APCA Lc 33
Contrast pairs
Code snippets
CSS
:root {
--transfusion: #ed002c;
--transfusion-rgb: 237 0 44;
--transfusion-oklch: oklch(0.596 0.241 24.1);
}
.element {
color: var(--transfusion);
background-color: hsl(349 100% 46%);
border-color: oklch(0.596 0.241 24.1);
}Tailwind CSS v4
@theme {
--color-transfusion: #ed002c;
--color-transfusion-50: #ffdbd1;
--color-transfusion-100: #ffc8bd;
--color-transfusion-200: #ffa99d;
--color-transfusion-300: #ff7d73;
--color-transfusion-400: #ff4d52;
--color-transfusion-500: #ff0026;
--color-transfusion-600: #d70023;
--color-transfusion-700: #ad001c;
--color-transfusion-800: #820017;
--color-transfusion-900: #5c000f;
--color-transfusion-950: #3e0003;
}SCSS
$transfusion: #ed002c;
$transfusion-rgb: 237, 0, 44;
$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);
}