Benannte Farbe · #D0C6BD
Smoked Umber
Smoked Umber ist #D0C6BD: rgb(208 198 189), hsl(28 17% 78%), oklch(0.832 0.017 64.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Smoked Umber color name →
#D0C6BD
oklch(0.832 0.017 64.6)
Farbumrechnungen
- HEX
- #d0c6bd
- RGB
- rgb(208 198 189)
- HSL
- hsl(28 17% 78%)
- HWB
- hwb(28 74% 18%)
- OKLCH
- oklch(0.832 0.017 64.6)
- OKLab
- oklab(0.832 0.007 0.015)
- CIE Lab
- lab(80.52 2.46 5.84)
- LCH
- lch(80.52 6.33 67.2)
- CMYK
- cmyk(0% 5% 9% 18%)
Tints · Shades · Tones
Tints
- D5CCC3
- D9D1CA
- DED7D0
- E3DCD7
- E7E2DE
- ECE8E4
- F1EEEB
- F5F3F2
- FAF9F8
Shades
- B5ACA4
- 9A928C
- 807A74
- 67625D
- 4F4B47
- 393533
- 23211F
- 100E0D
- 020202
Tones
- C8BFB7
- BFB8B0
- B7B0AA
- AFA9A4
- A7A29E
- 9F9B98
- 979492
- 8F8E8C
- 888786
Farbharmonien
Komplementär +180°
- D0C6BD
Smoked Umber
- BFC9D2
≈ Upward
Analog -30° +30°
- D0C6BD
Smoked Umber
- D3C4C1
≈ Natural Silk Grey
- CBC8BC
≈ Featherstone
Triadisch +120° +240°
- D0C6BD
Smoked Umber
- BDCCC9
≈ Urban Raincoat
- CAC5D1
≈ Laughing Jack
Geteilt komplementär +150° +210°
- D0C6BD
Smoked Umber
- BCCBCF
≈ Sleepy Blue
- C4C7D3
≈ Hūi Sè Grey
Tetradisch +90° +180° +270°
- D0C6BD
Smoked Umber
- C0CBC3
≈ Ocean Froth
- BFC9D2
≈ Upward
- CFC4CC
≈ Limpid Light
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.49:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.49:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--smoked-umber: #d0c6bd;
--smoked-umber-rgb: 208 198 189;
--smoked-umber-oklch: oklch(0.832 0.017 64.6);
}
.element {
color: var(--smoked-umber);
background-color: hsl(28 17% 78%);
border-color: oklch(0.832 0.017 64.6);
}Tailwind CSS v4
@theme {
--color-smoked-umber: #d0c6bd;
--color-smoked-umber-50: #f8f4f0;
--color-smoked-umber-100: #ece7e2;
--color-smoked-umber-200: #d9d3cd;
--color-smoked-umber-300: #bdb6af;
--color-smoked-umber-400: #a69d94;
--color-smoked-umber-500: #8e847b;
--color-smoked-umber-600: #787068;
--color-smoked-umber-700: #605953;
--color-smoked-umber-800: #47413d;
--color-smoked-umber-900: #312d2a;
--color-smoked-umber-950: #1d1a17;
}SCSS
$smoked-umber: #d0c6bd;
$smoked-umber-rgb: 208, 198, 189;
$smoked-umber-light: mix(#fff, $smoked-umber, 20%);
$smoked-umber-dark: mix(#000, $smoked-umber, 20%);
.element {
color: $smoked-umber;
box-shadow: 0 0 0 2px rgba($smoked-umber, 0.35);
}