En yakın adlandırılmış renk · #B47F74
#B47F74
En yakın adlandırılmış renk: Dusty Duchess
#B47F74 (rgb(180 127 116), hsl(10 30% 58%), oklch(0.647 0.068 32.1)) en çok Dusty Duchess 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.
#B47F74
oklch(0.647 0.068 32.1)
Renk dönüşümleri
- HEX
- #b47f74
- RGB
- rgb(180 127 116)
- HSL
- hsl(10 30% 58%)
- HWB
- hwb(10 45% 29%)
- OKLCH
- oklch(0.647 0.068 32.1)
- OKLab
- oklab(0.647 0.058 0.036)
- CIE Lab
- lab(58.44 20.08 14.63)
- LCH
- lch(58.44 24.85 36.1)
- CMYK
- cmyk(0% 29% 36% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BC8B81
- C4988E
- CBA49C
- D3B1AA
- DBBEB7
- E2CBC5
- E9D7D4
- F1E5E2
- F8F2F0
Koyu tonlar
- 9C6E64
- 855D54
- 6E4C45
- 583C37
- 442D29
- 301F1B
- 1D110F
- 0C0605
- 020101
Gri tonlar
- AF7F75
- AA8077
- A58078
- A08079
- 9B807A
- 96807C
- 90807D
- 8B807E
- 86807F
Renk uyumları
Tamamlayıcı +180°
- B47F74
Dusty Duchess
- 599AA7
≈ Tropical Oasis
Analog -30° +30°
- B47F74
Dusty Duchess
- B27D8B
≈ Degas Pink
- AD8563
≈ Roman Coin
Üçlü +120° +240°
- B47F74
Dusty Duchess
- 6F9B7A
≈ Precious Oxley
- 7F8CB9
≈ Galactic Gossamer
Bölünmüş tamamlayıcı +150° +210°
- B47F74
Dusty Duchess
- 5C9C91
≈ Treasure Isle
- 6994B5
≈ Aragonite Blue
Dörtlü +90° +180° +270°
- B47F74
Dusty Duchess
- 879566
≈ Bullfrog
- 599AA7
≈ Tropical Oasis
- 9685B1
≈ Silk Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.37:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.22:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--dusty-duchess: #b47f74;
--dusty-duchess-rgb: 180 127 116;
--dusty-duchess-oklch: oklch(0.647 0.068 32.1);
}
.element {
color: var(--dusty-duchess);
background-color: hsl(10 30% 58%);
border-color: oklch(0.647 0.068 32.1);
}Tailwind CSS v4
@theme {
--color-dusty-duchess: #b47f74;
--color-dusty-duchess-50: #ffefe8;
--color-dusty-duchess-100: #fee0d9;
--color-dusty-duchess-200: #f0cac1;
--color-dusty-duchess-300: #d8aba1;
--color-dusty-duchess-400: #c49085;
--color-dusty-duchess-500: #af756a;
--color-dusty-duchess-600: #94635a;
--color-dusty-duchess-700: #764f47;
--color-dusty-duchess-800: #583934;
--color-dusty-duchess-900: #3d2724;
--color-dusty-duchess-950: #271512;
}SCSS
$dusty-duchess: #b47f74;
$dusty-duchess-rgb: 180, 127, 116;
$dusty-duchess-light: mix(#fff, $dusty-duchess, 20%);
$dusty-duchess-dark: mix(#000, $dusty-duchess, 20%);
.element {
color: $dusty-duchess;
box-shadow: 0 0 0 2px rgba($dusty-duchess, 0.35);
}