Benannte Farbe · #9C8373
Dusted Truffle
Dusted Truffle ist #9C8373: rgb(156 131 115), hsl(23 17% 53%), oklch(0.629 0.039 54.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Dusted Truffle color name →
#9C8373
oklch(0.629 0.039 54.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- A68F80
- AF9B8E
- B9A79B
- C3B3A9
- CDBFB7
- D7CCC5
- E1D8D3
- EBE5E2
- F5F2F0
Shades
- 877163
- 736054
- 5F4F45
- 4C3F36
- 392F28
- 28201B
- 18120F
- 090605
- 010101
Tones
- 998374
- 978276
- 948277
- 918278
- 8E827A
- 8B817B
- 89817C
- 86817E
- 83807F
Farbharmonien
Komplementär +180°
- 9C8373
Dusted Truffle
- 728D9D
≈ Smoky Azurite
Analog -30° +30°
- 9C8373
Dusted Truffle
- 9F807D
≈ Cafe Ole
- 94876E
≈ Wild Hawk
Triadisch +120° +240°
- 9C8373
Dusted Truffle
- 719187
≈ Nephrite
- 8A859E
≈ Mandrake
Geteilt komplementär +150° +210°
- 9C8373
Dusted Truffle
- 6E9094
≈ Blue Clay
- 7D89A1
≈ Top Shelf
Tetradisch +90° +180° +270°
- 9C8373
Dusted Truffle
- 7B8F7A
≈ Cyanara
- 728D9D
≈ Smoky Azurite
- 958196
≈ Mixed Berries
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.55:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.90:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
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);
}