En yakın adlandırılmış renk · #D1C4AA
#D1C4AA
En yakın adlandırılmış renk: Trail Dust
#D1C4AA (rgb(209 196 170), hsl(40 30% 74%), oklch(0.824 0.038 84.6)) en çok Trail Dust adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D1C4AA
oklch(0.824 0.038 84.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6CAB2
- DAD0BB
- DFD5C3
- E3DBCC
- E8E1D4
- ECE7DD
- F1EDE5
- F6F3EE
- FAF9F6
Koyu tonlar
- B5AA93
- 9B917D
- 817868
- 686153
- 504A3F
- 39352D
- 23211B
- 100E0B
- 020201
Gri tonlar
- C9BDA6
- C0B6A2
- B8AF9D
- B0A899
- A8A195
- A09B91
- 98948D
- 908D88
- 888784
Renk uyumları
Tamamlayıcı +180°
- D1C4AA
Trail Dust
- B9C6DF
≈ Objectivity
Analog -30° +30°
- D1C4AA
Trail Dust
- DABFAF
≈ Just Right
- C4C9AD
≈ Desert Hot Springs
Üçlü +120° +240°
- D1C4AA
Trail Dust
- AACDD1
≈ Wave
- D3BDD3
≈ Cosmetic Mauve
Bölünmüş tamamlayıcı +150° +210°
- D1C4AA
Trail Dust
- AECADB
≈ Whiting Cottage
- C6C1DC
≈ Ice Mauve
Dörtlü +90° +180° +270°
- D1C4AA
Trail Dust
- ADCEC4
≈ Watershed
- B9C6DF
≈ Objectivity
- DBBCC7
≈ Fragrant Orchid
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.18:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
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);
}