Colore con nome · #987456
Liver Chestnut
Liver Chestnut è #987456: rgb(152 116 86), hsl(27 28% 47%), oklch(0.587 0.063 61). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Liver Chestnut color name →
#987456
oklch(0.587 0.063 61)
Conversioni di colore
- HEX
- #987456
- RGB
- rgb(152 116 86)
- HSL
- hsl(27 28% 47%)
- HWB
- hwb(27 34% 40%)
- OKLCH
- oklch(0.587 0.063 61)
- OKLab
- oklab(0.587 0.03 0.055)
- CIE Lab
- lab(51.92 11.61 22.33)
- LCH
- lch(51.92 25.17 62.5)
- CMYK
- cmyk(0% 24% 43% 40%)
Tinte · Ombre · Toni
Tinte
- A28166
- AC8F76
- B79C87
- C1AA97
- CBB8A8
- D5C6B9
- E0D4CA
- EAE2DC
- F5F0ED
Ombre
- 84644A
- 70543E
- 5C4532
- 4A3727
- 38291C
- 271B12
- 170F08
- 080502
- 010100
Toni
- 96755B
- 94775F
- 917863
- 8F7968
- 8D7A6C
- 8A7C70
- 887D74
- 857E78
- 837F7C
Armonie di colore
Complementare +180°
- 987456
Liver Chestnut
- 5A819E
≈ Blue Beads
Analogo -30° +30°
- 987456
Liver Chestnut
- 9E6F66
≈ Terra Rose
- 8A7B51
≈ Stonetalon Mountains
Triadico +120° +240°
- 987456
Liver Chestnut
- 50897E
≈ Wintergreen Dream
- 82749C
≈ Voxatron Purple
Complementare divisa +150° +210°
- 987456
Liver Chestnut
- 4D8791
≈ Flounce
- 6E7BA2
≈ Night Thistle
Tetradico +90° +180° +270°
- 987456
Liver Chestnut
- 618769
≈ Comfrey
- 5A819E
≈ Blue Beads
- 926F8E
≈ Wine Stroll
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.22:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.96:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.96:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--liver-chestnut: #987456;
--liver-chestnut-rgb: 152 116 86;
--liver-chestnut-oklch: oklch(0.587 0.063 61);
}
.element {
color: var(--liver-chestnut);
background-color: hsl(27 28% 47%);
border-color: oklch(0.587 0.063 61);
}Tailwind CSS v4
@theme {
--color-liver-chestnut: #987456;
--color-liver-chestnut-50: #fff2e3;
--color-liver-chestnut-100: #f8e4d3;
--color-liver-chestnut-200: #e8cfb9;
--color-liver-chestnut-300: #cfb197;
--color-liver-chestnut-400: #ba9679;
--color-liver-chestnut-500: #a57d5b;
--color-liver-chestnut-600: #8b6a4e;
--color-liver-chestnut-700: #70543e;
--color-liver-chestnut-800: #533d2c;
--color-liver-chestnut-900: #3a2a1e;
--color-liver-chestnut-950: #24180e;
}SCSS
$liver-chestnut: #987456;
$liver-chestnut-rgb: 152, 116, 86;
$liver-chestnut-light: mix(#fff, $liver-chestnut, 20%);
$liver-chestnut-dark: mix(#000, $liver-chestnut, 20%);
.element {
color: $liver-chestnut;
box-shadow: 0 0 0 2px rgba($liver-chestnut, 0.35);
}