Colore con nome · #D0C6BD
Smoked Umber
Smoked Umber è #D0C6BD: rgb(208 198 189), hsl(28 17% 78%), oklch(0.832 0.017 64.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Smoked Umber color name →
#D0C6BD
oklch(0.832 0.017 64.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D5CCC3
- D9D1CA
- DED7D0
- E3DCD7
- E7E2DE
- ECE8E4
- F1EEEB
- F5F3F2
- FAF9F8
Ombre
- B5ACA4
- 9A928C
- 807A74
- 67625D
- 4F4B47
- 393533
- 23211F
- 100E0D
- 020202
Toni
- C8BFB7
- BFB8B0
- B7B0AA
- AFA9A4
- A7A29E
- 9F9B98
- 979492
- 8F8E8C
- 888786
Armonie di colore
Complementare +180°
- D0C6BD
Smoked Umber
- BFC9D2
≈ Upward
Analogo -30° +30°
- D0C6BD
Smoked Umber
- D3C4C1
≈ Natural Silk Grey
- CBC8BC
≈ Featherstone
Triadico +120° +240°
- D0C6BD
Smoked Umber
- BDCCC9
≈ Urban Raincoat
- CAC5D1
≈ Laughing Jack
Complementare divisa +150° +210°
- D0C6BD
Smoked Umber
- BCCBCF
≈ Sleepy Blue
- C4C7D3
≈ Hūi Sè Grey
Tetradico +90° +180° +270°
- D0C6BD
Smoked Umber
- C0CBC3
≈ Ocean Froth
- BFC9D2
≈ Upward
- CFC4CC
≈ Limpid Light
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.49:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.49:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
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);
}