Couleur nommée la plus proche · #D1C4AA
#D1C4AA
Couleur nommée la plus proche: Trail Dust
#D1C4AA (rgb(209 196 170), hsl(40 30% 74%), oklch(0.824 0.038 84.6)) est la plus proche de la couleur nommée Trail Dust. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D1C4AA
oklch(0.824 0.038 84.6)
Conversions de couleur
- HEX
- #d1c4aa
- RGB
- rgb(209 196 170)
- HSL
- hsl(40 30% 74%)
- HWB
- hwb(40 67% 18%)
- OKLCH
- oklch(0.824 0.038 84.6)
- OKLab
- oklab(0.824 0.004 0.038)
- CIE Lab
- lab(79.73 1.58 14.84)
- LCH
- lch(79.73 14.92 83.9)
- CMYK
- cmyk(0% 6% 19% 18%)
Teintes · Ombres · Tons
Teintes
- D6CAB2
- DAD0BB
- DFD5C3
- E3DBCC
- E8E1D4
- ECE7DD
- F1EDE5
- F6F3EE
- FAF9F6
Ombres
- B5AA93
- 9B917D
- 817868
- 686153
- 504A3F
- 39352D
- 23211B
- 100E0B
- 020201
Tons
- C9BDA6
- C0B6A2
- B8AF9D
- B0A899
- A8A195
- A09B91
- 98948D
- 908D88
- 888784
Harmonies de couleurs
Complémentaire +180°
- D1C4AA
Trail Dust
- B9C6DF
≈ Objectivity
Analogue -30° +30°
- D1C4AA
Trail Dust
- DABFAF
≈ Just Right
- C4C9AD
≈ Desert Hot Springs
Triadique +120° +240°
- D1C4AA
Trail Dust
- AACDD1
≈ Wave
- D3BDD3
≈ Cosmetic Mauve
Complémentaire divisée +150° +210°
- D1C4AA
Trail Dust
- AECADB
≈ Whiting Cottage
- C6C1DC
≈ Ice Mauve
Tétradique +90° +180° +270°
- D1C4AA
Trail Dust
- ADCEC4
≈ Watershed
- B9C6DF
≈ Objectivity
- DBBCC7
≈ Fragrant Orchid
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.72:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.18:1 · APCA Lc 72
Meilleure couleur de texte: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--trail-dust: #d1c4aa;
--trail-dust-rgb: 209 196 170;
--trail-dust-oklch: oklch(0.824 0.038 84.6);
}
.element {
color: var(--trail-dust);
background-color: hsl(40 30% 74%);
border-color: oklch(0.824 0.038 84.6);
}Tailwind CSS v4
@theme {
--color-trail-dust: #d1c4aa;
--color-trail-dust-50: #faf5e9;
--color-trail-dust-100: #ede7da;
--color-trail-dust-200: #dbd4c2;
--color-trail-dust-300: #c0b7a2;
--color-trail-dust-400: #a99d85;
--color-trail-dust-500: #92856a;
--color-trail-dust-600: #7b705a;
--color-trail-dust-700: #635a47;
--color-trail-dust-800: #494133;
--color-trail-dust-900: #332d23;
--color-trail-dust-950: #1e1a12;
}SCSS
$trail-dust: #d1c4aa;
$trail-dust-rgb: 209, 196, 170;
$trail-dust-light: mix(#fff, $trail-dust, 20%);
$trail-dust-dark: mix(#000, $trail-dust, 20%);
.element {
color: $trail-dust;
box-shadow: 0 0 0 2px rgba($trail-dust, 0.35);
}