Adlandırılmış renk · #A49B82
Herbal Wash
Herbal Wash, #A49B82: rgb(164 155 130), hsl(44 16% 58%), oklch(0.69 0.037 90.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Herbal Wash color name →
#A49B82
oklch(0.69 0.037 90.6)
Renk dönüşümleri
- HEX
- #a49b82
- RGB
- rgb(164 155 130)
- HSL
- hsl(44 16% 58%)
- HWB
- hwb(44 51% 36%)
- OKLCH
- oklch(0.69 0.037 90.6)
- OKLab
- oklab(0.69 0 0.037)
- CIE Lab
- lab(64.25 0.28 14.42)
- LCH
- lch(64.25 14.42 88.9)
- CMYK
- cmyk(0% 5% 21% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ADA58E
- B6AE9A
- BFB8A6
- C8C2B3
- D1CCBF
- DAD6CC
- E3E0D8
- ECEAE5
- F6F5F2
Koyu tonlar
- 8E8670
- 79725F
- 645E4E
- 504B3E
- 3D392F
- 2B2820
- 1A1812
- 0A0906
- 010101
Gri tonlar
- A09882
- 9D9682
- 999382
- 959082
- 928D81
- 8E8B81
- 8B8881
- 878581
- 848380
Renk uyumları
Tamamlayıcı +180°
- A49B82
Herbal Wash
- 939BB3
≈ Bay Fog
Analog -30° +30°
- A49B82
Herbal Wash
- AD9785
≈ Quicksand
- 989F86
≈ Herbalist
Üçlü +120° +240°
- A49B82
Herbal Wash
- 82A2A8
≈ Tourmaline
- A994A6
≈ Garden Flower
Bölünmüş tamamlayıcı +150° +210°
- A49B82
Herbal Wash
- 889FB0
≈ Qiān Hūi Grey
- 9F97AF
≈ Night Music
Dörtlü +90° +180° +270°
- A49B82
Herbal Wash
- 83A39C
≈ Gnome
- 939BB3
≈ Bay Fog
- B0929A
≈ Deauville Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.76:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.58:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--herbal-wash: #a49b82;
--herbal-wash-rgb: 164 155 130;
--herbal-wash-oklch: oklch(0.69 0.037 90.6);
}
.element {
color: var(--herbal-wash);
background-color: hsl(44 16% 58%);
border-color: oklch(0.69 0.037 90.6);
}Tailwind CSS v4
@theme {
--color-herbal-wash: #a49b82;
--color-herbal-wash-50: #f9f5ea;
--color-herbal-wash-100: #ece8da;
--color-herbal-wash-200: #dad4c3;
--color-herbal-wash-300: #beb7a3;
--color-herbal-wash-400: #a79e86;
--color-herbal-wash-500: #8f866b;
--color-herbal-wash-600: #79715b;
--color-herbal-wash-700: #615a48;
--color-herbal-wash-800: #484234;
--color-herbal-wash-900: #322d23;
--color-herbal-wash-950: #1e1a12;
}SCSS
$herbal-wash: #a49b82;
$herbal-wash-rgb: 164, 155, 130;
$herbal-wash-light: mix(#fff, $herbal-wash, 20%);
$herbal-wash-dark: mix(#000, $herbal-wash, 20%);
.element {
color: $herbal-wash;
box-shadow: 0 0 0 2px rgba($herbal-wash, 0.35);
}