Nazwany kolor · #D0C6A1
Sand Trail
Sand Trail to #D0C6A1: rgb(208 198 161), hsl(47 33% 72%), oklch(0.825 0.051 94.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sand Trail color name →
#D0C6A1
oklch(0.825 0.051 94.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5CCAA
- D9D1B4
- DED7BD
- E3DDC6
- E7E2D0
- ECE8D9
- F1EEE3
- F5F3EC
- FAF9F5
Odcienie ciemniejsze
- B5AC8B
- 9A9276
- 807A62
- 67624E
- 4F4B3C
- 39352A
- 232119
- 100E09
- 020201
Tony
- C8BF9E
- BFB89B
- B7B197
- AFA994
- A7A291
- 9F9B8E
- 97958A
- 8F8E87
- 888783
Harmonie kolorów
Komplementarna +180°
- D0C6A1
Sand Trail
- BBC4E8
≈ Canterbury Bells
Analogowa -30° +30°
- D0C6A1
Sand Trail
- DEC0A4
≈ Weathered Sandstone
- BECCA8
≈ Enamel Green
Triada +120° +240°
- D0C6A1
Sand Trail
- A1CFDA
≈ Tenzing
- DBBAD3
≈ Lavender Veil
Komplementarna rozszczepiona +150° +210°
- D0C6A1
Sand Trail
- ABCAE5
≈ Blue Veil
- CDBEE1
≈ Digital Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.71:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.27:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.27:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
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);
}