Couleur nommée la plus proche · #D73F2D
#D73F2D
Couleur nommée la plus proche: Vampire Red
#D73F2D (rgb(215 63 45), hsl(6 68% 51%), oklch(0.589 0.192 30.4)) est la plus proche de la couleur nommée Vampire Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D73F2D
oklch(0.589 0.192 30.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- DE5744
- E46C5A
- EA806E
- EF9283
- F3A597
- F7B7AB
- FAC9C0
- FDDBD5
- FEEDEA
Ombres
- BB3526
- 9F2C1F
- 852318
- 6B1B11
- 52120B
- 3B0A06
- 250402
- 110101
- 020000
Tons
- D04A38
- C85342
- C15B4B
- B96254
- B0685C
- A86D63
- 9F736B
- 957772
- 8B7C79
Harmonies de couleurs
Complémentaire +180°
- D73F2D
Vampire Red
- 008D9F
≈ Parrot Flight
Analogue -30° +30°
- D73F2D
Vampire Red
- D13B77
≈ Qermez Red
- B66600
≈ Camel Fur
Triadique +120° +240°
- D73F2D
Vampire Red
- 009645
≈ Luscious Green
- 546FED
≈ Blue Öyster Cult
Complémentaire divisée +150° +210°
- D73F2D
Vampire Red
- 009180
≈ Miami Jade
- 0085C5
≈ Water Raceway
Tétradique +90° +180° +270°
- D73F2D
Vampire Red
- 728800
≈ Swamp Green
- 008D9F
≈ Parrot Flight
- 9159DB
≈ Gloomy Purple
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.52:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.63:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.63:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
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);
}