Colore con nome · #993322
Chocolate Lust
Chocolate Lust è #993322: rgb(153 51 34), hsl(9 64% 37%), oklch(0.468 0.14 31.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Chocolate Lust color name →
#993322
oklch(0.468 0.14 31.9)
Conversioni di colore
- HEX
- #993322
- RGB
- rgb(153 51 34)
- HSL
- hsl(9 64% 37%)
- HWB
- hwb(9 13% 40%)
- OKLCH
- oklch(0.468 0.14 31.9)
- OKLab
- oklab(0.468 0.119 0.074)
- CIE Lab
- lab(37.04 42.64 34.47)
- LCH
- lch(37.04 54.83 39)
- CMYK
- cmyk(0% 67% 78% 40%)
Tinte · Ombre · Toni
Tinte
- A54938
- B15D4E
- BC7163
- C78578
- D1998E
- DBADA4
- E5C1BA
- EED6D1
- F7EAE8
Ombre
- 842B1C
- 702316
- 5D1C11
- 4A140B
- 380D07
- 270703
- 170301
- 080100
- 010000
Toni
- 983D2D
- 974637
- 954E41
- 93564A
- 915E53
- 8E655C
- 8C6C65
- 88736E
- 847977
Armonie di colore
Complementare +180°
- 993322
Chocolate Lust
- 006675
≈ Green Spool
Analogo -30° +30°
- 993322
Chocolate Lust
- 952F54
≈ Figue Pulp
- 844A00
≈ Dried Mustard
Triadico +120° +240°
- 993322
Chocolate Lust
- 006D35
≈ Column of Oak Green
- 4051A7
≈ Dazzling Blue
Complementare divisa +150° +210°
- 993322
Chocolate Lust
- 00695E
≈ Evergreen Forest
- 006092
≈ Felix
Tetradico +90° +180° +270°
- 993322
Chocolate Lust
- 506300
≈ Serrano Pepper
- 006675
≈ Green Spool
- 6A429A
≈ Sweet Flag
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.36:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.85:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--chocolate-lust: #993322;
--chocolate-lust-rgb: 153 51 34;
--chocolate-lust-oklch: oklch(0.468 0.14 31.9);
}
.element {
color: var(--chocolate-lust);
background-color: hsl(9 64% 37%);
border-color: oklch(0.468 0.14 31.9);
}Tailwind CSS v4
@theme {
--color-chocolate-lust: #993322;
--color-chocolate-lust-50: #ffe8db;
--color-chocolate-lust-100: #ffd8ca;
--color-chocolate-lust-200: #ffbfad;
--color-chocolate-lust-300: #f69d88;
--color-chocolate-lust-400: #e57d69;
--color-chocolate-lust-500: #d25c47;
--color-chocolate-lust-600: #b24f3d;
--color-chocolate-lust-700: #8f3f31;
--color-chocolate-lust-800: #6a2c24;
--color-chocolate-lust-900: #4b1e18;
--color-chocolate-lust-950: #310d09;
}SCSS
$chocolate-lust: #993322;
$chocolate-lust-rgb: 153, 51, 34;
$chocolate-lust-light: mix(#fff, $chocolate-lust, 20%);
$chocolate-lust-dark: mix(#000, $chocolate-lust, 20%);
.element {
color: $chocolate-lust;
box-shadow: 0 0 0 2px rgba($chocolate-lust, 0.35);
}