Colore con nome · #D3C29D
Dakota Trail
Dakota Trail è #D3C29D: rgb(211 194 157), hsl(41 38% 72%), oklch(0.819 0.053 86.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Dakota Trail color name →
#D3C29D
oklch(0.819 0.053 86.2)
Conversioni di colore
- HEX
- #d3c29d
- RGB
- rgb(211 194 157)
- HSL
- hsl(41 38% 72%)
- HWB
- hwb(41 62% 17%)
- OKLCH
- oklch(0.819 0.053 86.2)
- OKLab
- oklab(0.819 0.004 0.053)
- CIE Lab
- lab(79.16 1.96 20.98)
- LCH
- lch(79.16 21.07 84.7)
- CMYK
- cmyk(0% 8% 26% 17%)
Tinte · Ombre · Toni
Tinte
- D7C8A7
- DCCEB0
- E0D4BA
- E4DAC4
- E9E0CE
- EDE6D7
- F2EDE1
- F6F3EB
- FBF9F5
Ombre
- B7A888
- 9C8F73
- 82775F
- 69604C
- 51493A
- 3A3428
- 242018
- 100E09
- 020201
Toni
- CABB9A
- C2B497
- B9AE95
- B1A792
- A9A18F
- A09A8C
- 989389
- 908D86
- 888683
Armonie di colore
Complementare +180°
- D3C29D
Dakota Trail
- B4C4E7
≈ Canterbury Bells
Analogo -30° +30°
- D3C29D
Dakota Trail
- DFBCA3
≈ Brown-Bag It
- C1C9A2
≈ Marjoram
Triadico +120° +240°
- D3C29D
Dakota Trail
- 9CCED5
≈ Sea Dew
- D7B8D6
≈ Lilac Haze
Complementare divisa +150° +210°
- D3C29D
Dakota Trail
- A4CAE2
≈ Template
- C6BDE3
≈ Viking Diva
Tetradico +90° +180° +270°
- D3C29D
Dakota Trail
- A0D0C2
≈ Tareyton
- B4C4E7
≈ Canterbury Bells
- E1B6C5
≈ Japanese Rose Garden
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.97:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.97:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--dakota-trail: #d3c29d;
--dakota-trail-rgb: 211 194 157;
--dakota-trail-oklch: oklch(0.819 0.053 86.2);
}
.element {
color: var(--dakota-trail);
background-color: hsl(41 38% 72%);
border-color: oklch(0.819 0.053 86.2);
}Tailwind CSS v4
@theme {
--color-dakota-trail: #d3c29d;
--color-dakota-trail-50: #fbf5e4;
--color-dakota-trail-100: #efe7d4;
--color-dakota-trail-200: #ded3bb;
--color-dakota-trail-300: #c3b699;
--color-dakota-trail-400: #ac9d7b;
--color-dakota-trail-500: #96845d;
--color-dakota-trail-600: #7f704f;
--color-dakota-trail-700: #65593f;
--color-dakota-trail-800: #4b412d;
--color-dakota-trail-900: #342d1e;
--color-dakota-trail-950: #201a0e;
}SCSS
$dakota-trail: #d3c29d;
$dakota-trail-rgb: 211, 194, 157;
$dakota-trail-light: mix(#fff, $dakota-trail, 20%);
$dakota-trail-dark: mix(#000, $dakota-trail, 20%);
.element {
color: $dakota-trail;
box-shadow: 0 0 0 2px rgba($dakota-trail, 0.35);
}