Colore con nome · #B4090D
Red Lust
Red Lust è #B4090D: rgb(180 9 13), hsl(359 90% 37%), oklch(0.487 0.195 28.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Red Lust color name →
#B4090D
oklch(0.487 0.195 28.3)
Conversioni di colore
- HEX
- #b4090d
- RGB
- rgb(180 9 13)
- HSL
- hsl(359 90% 37%)
- HWB
- hwb(359 4% 29%)
- OKLCH
- oklch(0.487 0.195 28.3)
- OKLab
- oklab(0.487 0.172 0.092)
- CIE Lab
- lab(38.51 61.34 48.83)
- LCH
- lch(38.51 78.4 38.5)
- CMYK
- cmyk(0% 95% 93% 29%)
Tinte · Ombre · Toni
Tinte
- BF362D
- C95045
- D2685C
- DB7E72
- E39489
- EAA9A0
- F1BFB7
- F6D4CF
- FBE9E7
Ombre
- 9C070A
- 850507
- 6E0305
- 580203
- 440102
- 300101
- 1D0000
- 0C0000
- 020000
Toni
- B12720
- AD372E
- AA4339
- A54E44
- A1584F
- 9B6159
- 966963
- 8F716D
- 887976
Armonie di colore
Complementare +180°
- B4090D
Red Lust
- 006C78
≈ Toadstool Teal
Analogo -30° +30°
- B4090D
Red Lust
- AD065E
≈ Plum Paradise
- 8F4C00
≈ Parasite Brown
Triadico +120° +240°
- B4090D
Red Lust
- 00742C
≈ Clear Green
- 334FCC
≈ New Car
Complementare divisa +150° +210°
- B4090D
Red Lust
- 007060
≈ Falcon Turquoise
- 006795
≈ Peacock Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.03:1 · APCA Lc 82
Ag
FailSu nero
WCAG 2.98:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--red-lust: #b4090d;
--red-lust-rgb: 180 9 13;
--red-lust-oklch: oklch(0.487 0.195 28.3);
}
.element {
color: var(--red-lust);
background-color: hsl(359 90% 37%);
border-color: oklch(0.487 0.195 28.3);
}Tailwind CSS v4
@theme {
--color-red-lust: #b4090d;
--color-red-lust-50: #ffe1d4;
--color-red-lust-100: #ffd0c1;
--color-red-lust-200: #ffb4a2;
--color-red-lust-300: #ff8d7a;
--color-red-lust-400: #fd6759;
--color-red-lust-500: #eb3a31;
--color-red-lust-600: #c7342b;
--color-red-lust-700: #a02922;
--color-red-lust-800: #781c1a;
--color-red-lust-900: #551211;
--color-red-lust-950: #380304;
}SCSS
$red-lust: #b4090d;
$red-lust-rgb: 180, 9, 13;
$red-lust-light: mix(#fff, $red-lust, 20%);
$red-lust-dark: mix(#000, $red-lust, 20%);
.element {
color: $red-lust;
box-shadow: 0 0 0 2px rgba($red-lust, 0.35);
}