En yakın adlandırılmış renk · #D5C7AB
#D5C7AB
En yakın adlandırılmış renk: Trail Dust
#D5C7AB (rgb(213 199 171), hsl(40 33% 75%), oklch(0.834 0.041 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.
#D5C7AB
oklch(0.834 0.041 84.6)
Renk dönüşümleri
- HEX
- #d5c7ab
- RGB
- rgb(213 199 171)
- HSL
- hsl(40 33% 75%)
- HWB
- hwb(40 67% 16%)
- OKLCH
- oklch(0.834 0.041 84.6)
- OKLab
- oklab(0.834 0.004 0.041)
- CIE Lab
- lab(80.86 1.73 15.94)
- LCH
- lch(80.86 16.03 83.8)
- CMYK
- cmyk(0% 7% 20% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9CDB3
- DDD2BC
- E1D8C4
- E6DDCC
- EAE3D5
- EEE8DD
- F2EEE5
- F7F4EE
- FBF9F6
Koyu tonlar
- B9AD94
- 9E937E
- 837A68
- 6A6254
- 514C40
- 3A362D
- 24211B
- 100E0B
- 020201
Gri tonlar
- CCC0A7
- C3B8A2
- BBB19E
- B2AA9A
- AAA396
- A19C91
- 99958D
- 908E89
- 888784
Renk uyumları
Tamamlayıcı +180°
- D5C7AB
Trail Dust
- BBC9E4
≈ Twilight Mist
Analog -30° +30°
- D5C7AB
Trail Dust
- DFC2B0
≈ Cinnamon Tea
- C7CCAE
≈ Growing Season
Üçlü +120° +240°
- D5C7AB
Trail Dust
- AAD1D5
≈ Aqua Frost
- D7C0D8
≈ Thistle
Bölünmüş tamamlayıcı +150° +210°
- D5C7AB
Trail Dust
- B0CEE0
≈ Light Sky Bus
- CAC4E1
≈ Ice Mauve
Dörtlü +90° +180° +270°
- D5C7AB
Trail Dust
- AED2C7
≈ Feeling Lucky
- BBC9E4
≈ Twilight Mist
- DFBECA
≈ Spring Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.66:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.58:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.58:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--trail-dust: #d5c7ab;
--trail-dust-rgb: 213 199 171;
--trail-dust-oklch: oklch(0.834 0.041 84.6);
}
.element {
color: var(--trail-dust);
background-color: hsl(40 33% 75%);
border-color: oklch(0.834 0.041 84.6);
}Tailwind CSS v4
@theme {
--color-trail-dust: #d5c7ab;
--color-trail-dust-50: #faf5e8;
--color-trail-dust-100: #eee7d9;
--color-trail-dust-200: #dcd3c1;
--color-trail-dust-300: #c1b6a0;
--color-trail-dust-400: #aa9d83;
--color-trail-dust-500: #938467;
--color-trail-dust-600: #7c7058;
--color-trail-dust-700: #635a46;
--color-trail-dust-800: #494132;
--color-trail-dust-900: #332d22;
--color-trail-dust-950: #1f1a11;
}SCSS
$trail-dust: #d5c7ab;
$trail-dust-rgb: 213, 199, 171;
$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);
}