Adlandırılmış renk · #8C7763
Dusty Path
Dusty Path, #8C7763: rgb(140 119 99), hsl(29 17% 47%), oklch(0.583 0.039 65.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Dusty Path color name →
#8C7763
oklch(0.583 0.039 65.5)
Renk dönüşümleri
- HEX
- #8c7763
- RGB
- rgb(140 119 99)
- HSL
- hsl(29 17% 47%)
- HWB
- hwb(29 39% 45%)
- OKLCH
- oklch(0.583 0.039 65.5)
- OKLab
- oklab(0.583 0.016 0.036)
- CIE Lab
- lab(51.63 6.06 14.23)
- LCH
- lch(51.63 15.47 66.9)
- CMYK
- cmyk(0% 15% 29% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 978472
- A29180
- AD9E8F
- B9AB9F
- C4B9AE
- D0C7BE
- DBD4CE
- E7E2DE
- F3F1EE
Koyu tonlar
- 796755
- 675747
- 55473A
- 43382E
- 332A21
- 231C16
- 14100B
- 070503
- 010100
Gri tonlar
- 8B7866
- 8A7969
- 897A6C
- 877B6F
- 867C72
- 857D75
- 847D77
- 837E7A
- 817F7D
Renk uyumları
Tamamlayıcı +180°
- 8C7763
Dusty Path
- 687E92
≈ Cascade Tour
Analog -30° +30°
- 8C7763
Dusty Path
- 91736C
≈ Woodchuck
- 827C61
≈ Thurman
Üçlü +120° +240°
- 8C7763
Dusty Path
- 61837E
≈ Greenella
- 81768E
≈ Mythical
Bölünmüş tamamlayıcı +150° +210°
- 8C7763
Dusty Path
- 61828A
≈ Blue Thunder
- 747A93
≈ Smokey Denim
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.25:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.93:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.93:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--dusty-path: #8c7763;
--dusty-path-rgb: 140 119 99;
--dusty-path-oklch: oklch(0.583 0.039 65.5);
}
.element {
color: var(--dusty-path);
background-color: hsl(29 17% 47%);
border-color: oklch(0.583 0.039 65.5);
}Tailwind CSS v4
@theme {
--color-dusty-path: #8c7763;
--color-dusty-path-50: #fdf3ea;
--color-dusty-path-100: #f1e6da;
--color-dusty-path-200: #e0d1c3;
--color-dusty-path-300: #c5b4a3;
--color-dusty-path-400: #af9a86;
--color-dusty-path-500: #99816b;
--color-dusty-path-600: #816e5b;
--color-dusty-path-700: #675848;
--color-dusty-path-800: #4c4034;
--color-dusty-path-900: #352c24;
--color-dusty-path-950: #201913;
}SCSS
$dusty-path: #8c7763;
$dusty-path-rgb: 140, 119, 99;
$dusty-path-light: mix(#fff, $dusty-path, 20%);
$dusty-path-dark: mix(#000, $dusty-path, 20%);
.element {
color: $dusty-path;
box-shadow: 0 0 0 2px rgba($dusty-path, 0.35);
}