Colore con nome · #D0C6A1
Sand Trail
Sand Trail è #D0C6A1: rgb(208 198 161), hsl(47 33% 72%), oklch(0.825 0.051 94.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sand Trail color name →
#D0C6A1
oklch(0.825 0.051 94.7)
Conversioni di colore
- HEX
- #d0c6a1
- RGB
- rgb(208 198 161)
- HSL
- hsl(47 33% 72%)
- HWB
- hwb(47 63% 18%)
- OKLCH
- oklch(0.825 0.051 94.7)
- OKLab
- oklab(0.825 -0.004 0.051)
- CIE Lab
- lab(80 -0.76 19.95)
- LCH
- lch(80 19.96 92.2)
- CMYK
- cmyk(0% 5% 23% 18%)
Tinte · Ombre · Toni
Tinte
- D5CCAA
- D9D1B4
- DED7BD
- E3DDC6
- E7E2D0
- ECE8D9
- F1EEE3
- F5F3EC
- FAF9F5
Ombre
- B5AC8B
- 9A9276
- 807A62
- 67624E
- 4F4B3C
- 39352A
- 232119
- 100E09
- 020201
Toni
- C8BF9E
- BFB89B
- B7B197
- AFA994
- A7A291
- 9F9B8E
- 97958A
- 8F8E87
- 888783
Armonie di colore
Complementare +180°
- D0C6A1
Sand Trail
- BBC4E8
≈ Canterbury Bells
Analogo -30° +30°
- D0C6A1
Sand Trail
- DEC0A4
≈ Weathered Sandstone
- BECCA8
≈ Enamel Green
Triadico +120° +240°
- D0C6A1
Sand Trail
- A1CFDA
≈ Tenzing
- DBBAD3
≈ Lavender Veil
Complementare divisa +150° +210°
- D0C6A1
Sand Trail
- ABCAE5
≈ Blue Veil
- CDBEE1
≈ Digital Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.27:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.27:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--sand-trail: #d0c6a1;
--sand-trail-rgb: 208 198 161;
--sand-trail-oklch: oklch(0.825 0.051 94.7);
}
.element {
color: var(--sand-trail);
background-color: hsl(47 33% 72%);
border-color: oklch(0.825 0.051 94.7);
}Tailwind CSS v4
@theme {
--color-sand-trail: #d0c6a1;
--color-sand-trail-50: #f9f5e5;
--color-sand-trail-100: #ece8d5;
--color-sand-trail-200: #dad5bd;
--color-sand-trail-300: #bfb89b;
--color-sand-trail-400: #a89f7d;
--color-sand-trail-500: #91865f;
--color-sand-trail-600: #7a7251;
--color-sand-trail-700: #625b41;
--color-sand-trail-800: #48422e;
--color-sand-trail-900: #322e1f;
--color-sand-trail-950: #1e1a0f;
}SCSS
$sand-trail: #d0c6a1;
$sand-trail-rgb: 208, 198, 161;
$sand-trail-light: mix(#fff, $sand-trail, 20%);
$sand-trail-dark: mix(#000, $sand-trail, 20%);
.element {
color: $sand-trail;
box-shadow: 0 0 0 2px rgba($sand-trail, 0.35);
}