En yakın adlandırılmış renk · #B7A575
#B7A575
En yakın adlandırılmış renk: Nettle
#B7A575 (rgb(183 165 117), hsl(44 31% 59%), oklch(0.726 0.068 89.8)) en çok Nettle 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.
#B7A575
oklch(0.726 0.068 89.8)
Renk dönüşümleri
- HEX
- #b7a575
- RGB
- rgb(183 165 117)
- HSL
- hsl(44 31% 59%)
- HWB
- hwb(44 46% 28%)
- OKLCH
- oklch(0.726 0.068 89.8)
- OKLab
- oklab(0.726 0 0.068)
- CIE Lab
- lab(68.45 1.55 27.45)
- LCH
- lch(68.45 27.49 86.8)
- CMYK
- cmyk(0% 10% 36% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BEAE83
- C5B790
- CCC09E
- D3C8AC
- DAD1B9
- E2DAC7
- E9E4D5
- F0EDE3
- F8F6F1
Koyu tonlar
- 9F8F65
- 877955
- 706546
- 5A5137
- 453D29
- 312B1C
- 1E1A0F
- 0C0A05
- 020101
Gri tonlar
- B1A177
- AC9E78
- A69A79
- A1967B
- 9B937C
- 968F7D
- 908B7E
- 8B877F
- 85847F
Renk uyumları
Tamamlayıcı +180°
- B7A575
Nettle
- 95A5D2
≈ Foresight
Analog -30° +30°
- B7A575
Nettle
- C79D7B
≈ Desert Carnation
- A1AD7D
≈ Siamese Green
Üçlü +120° +240°
- B7A575
Nettle
- 72B3BE
≈ Riverside Blue
- BF97BB
≈ Dripping Wisteria
Bölünmüş tamamlayıcı +150° +210°
- B7A575
Nettle
- 7FADCD
≈ Blue Eyes
- AD9DCB
≈ Purple Rose
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.42:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.65:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.65:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--nettle: #b7a575;
--nettle-rgb: 183 165 117;
--nettle-oklch: oklch(0.726 0.068 89.8);
}
.element {
color: var(--nettle);
background-color: hsl(44 31% 59%);
border-color: oklch(0.726 0.068 89.8);
}Tailwind CSS v4
@theme {
--color-nettle: #b7a575;
--color-nettle-50: #fcf5e0;
--color-nettle-100: #f0e8cf;
--color-nettle-200: #dfd4b4;
--color-nettle-300: #c4b790;
--color-nettle-400: #ae9d70;
--color-nettle-500: #988450;
--color-nettle-600: #807044;
--color-nettle-700: #675a36;
--color-nettle-800: #4c4126;
--color-nettle-900: #352d19;
--color-nettle-950: #201a0a;
}SCSS
$nettle: #b7a575;
$nettle-rgb: 183, 165, 117;
$nettle-light: mix(#fff, $nettle, 20%);
$nettle-dark: mix(#000, $nettle, 20%);
.element {
color: $nettle;
box-shadow: 0 0 0 2px rgba($nettle, 0.35);
}