Nearest named color · #D73F2D
#D73F2D
Nearest named color: Vampire Red
#D73F2D (rgb(215 63 45), hsl(6 68% 51%), oklch(0.589 0.192 30.4)) is closest to the named color Vampire Red. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D73F2D
oklch(0.589 0.192 30.4)
Color conversions
- HEX
- #d73f2d
- RGB
- rgb(215 63 45)
- HSL
- hsl(6 68% 51%)
- HWB
- hwb(6 18% 16%)
- OKLCH
- oklch(0.589 0.192 30.4)
- OKLab
- oklab(0.589 0.165 0.097)
- CIE Lab
- lab(50.5 59.24 46.24)
- LCH
- lch(50.5 75.15 38)
- CMYK
- cmyk(0% 71% 79% 16%)
Tints · Shades · Tones
Tints
- DE5744
- E46C5A
- EA806E
- EF9283
- F3A597
- F7B7AB
- FAC9C0
- FDDBD5
- FEEDEA
Shades
- BB3526
- 9F2C1F
- 852318
- 6B1B11
- 52120B
- 3B0A06
- 250402
- 110101
- 020000
Tones
- D04A38
- C85342
- C15B4B
- B96254
- B0685C
- A86D63
- 9F736B
- 957772
- 8B7C79
Color harmonies
Complementary +180°
- D73F2D
Vampire Red
- 008D9F
≈ Parrot Flight
Analogous -30° +30°
- D73F2D
Vampire Red
- D13B77
≈ Qermez Red
- B66600
≈ Camel Fur
Triadic +120° +240°
- D73F2D
Vampire Red
- 009645
≈ Luscious Green
- 546FED
≈ Blue Öyster Cult
Split-complementary +150° +210°
- D73F2D
Vampire Red
- 009180
≈ Miami Jade
- 0085C5
≈ Water Raceway
Tetradic +90° +180° +270°
- D73F2D
Vampire Red
- 728800
≈ Swamp Green
- 008D9F
≈ Parrot Flight
- 9159DB
≈ Gloomy Purple
Contrast & accessibility
Ag
AAOn white
WCAG 4.52:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.63:1 · APCA Lc 32
Best text color: #000000
WCAG 4.63:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--vampire-red: #d73f2d;
--vampire-red-rgb: 215 63 45;
--vampire-red-oklch: oklch(0.589 0.192 30.4);
}
.element {
color: var(--vampire-red);
background-color: hsl(6 68% 51%);
border-color: oklch(0.589 0.192 30.4);
}Tailwind CSS v4
@theme {
--color-vampire-red: #d73f2d;
--color-vampire-red-50: #ffe2d3;
--color-vampire-red-100: #ffd1c0;
--color-vampire-red-200: #ffb5a0;
--color-vampire-red-300: #ff8f77;
--color-vampire-red-400: #fb6955;
--color-vampire-red-500: #ea3e2b;
--color-vampire-red-600: #c53726;
--color-vampire-red-700: #9f2c1e;
--color-vampire-red-800: #771d17;
--color-vampire-red-900: #54140f;
--color-vampire-red-950: #380403;
}SCSS
$vampire-red: #d73f2d;
$vampire-red-rgb: 215, 63, 45;
$vampire-red-light: mix(#fff, $vampire-red, 20%);
$vampire-red-dark: mix(#000, $vampire-red, 20%);
.element {
color: $vampire-red;
box-shadow: 0 0 0 2px rgba($vampire-red, 0.35);
}