Nearest named color · #DB3A2E
#DB3A2E
Nearest named color: Vampire Red
#DB3A2E (rgb(219 58 46), hsl(4 71% 52%), oklch(0.591 0.2 28.9)) is closest to the named color Vampire Red. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DB3A2E
oklch(0.591 0.2 28.9)
Color conversions
- HEX
- #db3a2e
- RGB
- rgb(219 58 46)
- HSL
- hsl(4 71% 52%)
- HWB
- hwb(4 18% 14%)
- OKLCH
- oklch(0.591 0.2 28.9)
- OKLab
- oklab(0.591 0.175 0.096)
- CIE Lab
- lab(50.64 62.18 46.17)
- LCH
- lch(50.64 77.44 36.6)
- CMYK
- cmyk(0% 74% 79% 14%)
Tints · Shades · Tones
Tints
- E25445
- E86A5A
- ED7E6F
- F29183
- F6A497
- F9B6AC
- FCC9C0
- FEDBD5
- FFEDEA
Shades
- BE3127
- A2281F
- 872018
- 6D1812
- 54100B
- 3C0906
- 260402
- 110101
- 020000
Tones
- D34639
- CC5043
- C4594C
- BB6054
- B3675C
- AA6D64
- A0726B
- 967772
- 8C7C79
Color harmonies
Complementary +180°
- DB3A2E
Vampire Red
- 008E9E
≈ Coral Coast
Analogous -30° +30°
- DB3A2E
Vampire Red
- D3377B
≈ Fuchsia Purple
- B96500
≈ Camel Fur
Triadic +120° +240°
- DB3A2E
Vampire Red
- 009740
≈ Green Revolution
- 4F6FF2
≈ Flickering Sea
Split-complementary +150° +210°
- DB3A2E
Vampire Red
- 00927F
≈ Aqua Waters
- 0086C3
≈ Azul Caribe
Tetradic +90° +180° +270°
- DB3A2E
Vampire Red
- 758800
≈ Swamp Green
- 008E9E
≈ Coral Coast
- 9059E1
≈ Lavender Indigo
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 32
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--vampire-red: #db3a2e;
--vampire-red-rgb: 219 58 46;
--vampire-red-oklch: oklch(0.591 0.2 28.9);
}
.element {
color: var(--vampire-red);
background-color: hsl(4 71% 52%);
border-color: oklch(0.591 0.2 28.9);
}Tailwind CSS v4
@theme {
--color-vampire-red: #db3a2e;
--color-vampire-red-50: #ffe1d3;
--color-vampire-red-100: #ffcfc0;
--color-vampire-red-200: #ffb3a0;
--color-vampire-red-300: #ff8c77;
--color-vampire-red-400: #fe6555;
--color-vampire-red-500: #ed372b;
--color-vampire-red-600: #c83126;
--color-vampire-red-700: #a1271e;
--color-vampire-red-800: #791a18;
--color-vampire-red-900: #55110f;
--color-vampire-red-950: #390203;
}SCSS
$vampire-red: #db3a2e;
$vampire-red-rgb: 219, 58, 46;
$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);
}