Colore con nome · #9C8373
Dusted Truffle
Dusted Truffle è #9C8373: rgb(156 131 115), hsl(23 17% 53%), oklch(0.629 0.039 54.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Dusted Truffle color name →
#9C8373
oklch(0.629 0.039 54.5)
Conversioni di colore
- HEX
- #9c8373
- RGB
- rgb(156 131 115)
- HSL
- hsl(23 17% 53%)
- HWB
- hwb(23 45% 39%)
- OKLCH
- oklch(0.629 0.039 54.5)
- OKLab
- oklab(0.629 0.022 0.031)
- CIE Lab
- lab(56.79 7.99 12.43)
- LCH
- lch(56.79 14.78 57.3)
- CMYK
- cmyk(0% 16% 26% 39%)
Tinte · Ombre · Toni
Tinte
- A68F80
- AF9B8E
- B9A79B
- C3B3A9
- CDBFB7
- D7CCC5
- E1D8D3
- EBE5E2
- F5F2F0
Ombre
- 877163
- 736054
- 5F4F45
- 4C3F36
- 392F28
- 28201B
- 18120F
- 090605
- 010101
Toni
- 998374
- 978276
- 948277
- 918278
- 8E827A
- 8B817B
- 89817C
- 86817E
- 83807F
Armonie di colore
Complementare +180°
- 9C8373
Dusted Truffle
- 728D9D
≈ Smoky Azurite
Analogo -30° +30°
- 9C8373
Dusted Truffle
- 9F807D
≈ Cafe Ole
- 94876E
≈ Wild Hawk
Triadico +120° +240°
- 9C8373
Dusted Truffle
- 719187
≈ Nephrite
- 8A859E
≈ Mandrake
Complementare divisa +150° +210°
- 9C8373
Dusted Truffle
- 6E9094
≈ Blue Clay
- 7D89A1
≈ Top Shelf
Tetradico +90° +180° +270°
- 9C8373
Dusted Truffle
- 7B8F7A
≈ Cyanara
- 728D9D
≈ Smoky Azurite
- 958196
≈ Mixed Berries
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.55:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.90:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--dusted-truffle: #9c8373;
--dusted-truffle-rgb: 156 131 115;
--dusted-truffle-oklch: oklch(0.629 0.039 54.5);
}
.element {
color: var(--dusted-truffle);
background-color: hsl(23 17% 53%);
border-color: oklch(0.629 0.039 54.5);
}Tailwind CSS v4
@theme {
--color-dusted-truffle: #9c8373;
--color-dusted-truffle-50: #fef3eb;
--color-dusted-truffle-100: #f3e5dc;
--color-dusted-truffle-200: #e2d0c5;
--color-dusted-truffle-300: #c8b3a5;
--color-dusted-truffle-400: #b19989;
--color-dusted-truffle-500: #9b806e;
--color-dusted-truffle-600: #836c5d;
--color-dusted-truffle-700: #69564b;
--color-dusted-truffle-800: #4e3f36;
--color-dusted-truffle-900: #362b25;
--color-dusted-truffle-950: #211914;
}SCSS
$dusted-truffle: #9c8373;
$dusted-truffle-rgb: 156, 131, 115;
$dusted-truffle-light: mix(#fff, $dusted-truffle, 20%);
$dusted-truffle-dark: mix(#000, $dusted-truffle, 20%);
.element {
color: $dusted-truffle;
box-shadow: 0 0 0 2px rgba($dusted-truffle, 0.35);
}