Adlandırılmış renk · #9D7B74
Wild Hemp
Wild Hemp, #9D7B74: rgb(157 123 116), hsl(10 17% 54%), oklch(0.614 0.044 31.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Wild Hemp color name →
#9D7B74
oklch(0.614 0.044 31.7)
Renk dönüşümleri
- HEX
- #9d7b74
- RGB
- rgb(157 123 116)
- HSL
- hsl(10 17% 54%)
- HWB
- hwb(10 45% 38%)
- OKLCH
- oklch(0.614 0.044 31.7)
- OKLab
- oklab(0.614 0.037 0.023)
- CIE Lab
- lab(54.82 12.82 9.16)
- LCH
- lch(54.82 15.75 35.5)
- CMYK
- cmyk(0% 22% 26% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A78781
- B0948E
- BAA19C
- C4AEA9
- CEBBB7
- D8C8C5
- E1D6D3
- EBE3E2
- F5F1F0
Koyu tonlar
- 886A64
- 735A54
- 5F4A45
- 4C3A37
- 3A2C29
- 281E1B
- 18100F
- 090505
- 010101
Gri tonlar
- 9A7C75
- 977C76
- 957D78
- 927D79
- 8F7E7A
- 8C7E7B
- 897F7C
- 867F7E
- 83807F
Renk uyumları
Tamamlayıcı +180°
- 9D7B74
Wild Hemp
- 668C94
≈ Oarsman Blue
Analog -30° +30°
- 9D7B74
Wild Hemp
- 9C7A82
≈ Mulberry Wine
- 987F6A
≈ Chocolate Moment
Üçlü +120° +240°
- 9D7B74
Wild Hemp
- 718C77
≈ Ivy Wreath
- 7B839F
≈ Tempest
Bölünmüş tamamlayıcı +150° +210°
- 9D7B74
Wild Hemp
- 678D86
≈ Aspen Hush
- 6D889D
≈ Merman
Dörtlü +90° +180° +270°
- 9D7B74
Wild Hemp
- 80896B
≈ Green Bush
- 668C94
≈ Oarsman Blue
- 897E9B
≈ Grey Dusk
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.80:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.51:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--wild-hemp: #9d7b74;
--wild-hemp-rgb: 157 123 116;
--wild-hemp-oklch: oklch(0.614 0.044 31.7);
}
.element {
color: var(--wild-hemp);
background-color: hsl(10 17% 54%);
border-color: oklch(0.614 0.044 31.7);
}Tailwind CSS v4
@theme {
--color-wild-hemp: #9d7b74;
--color-wild-hemp-50: #fff1ed;
--color-wild-hemp-100: #f6e3de;
--color-wild-hemp-200: #e6cec8;
--color-wild-hemp-300: #cdb0a9;
--color-wild-hemp-400: #b7958e;
--color-wild-hemp-500: #a17c74;
--color-wild-hemp-600: #886962;
--color-wild-hemp-700: #6d544f;
--color-wild-hemp-800: #513d39;
--color-wild-hemp-900: #382a27;
--color-wild-hemp-950: #231715;
}SCSS
$wild-hemp: #9d7b74;
$wild-hemp-rgb: 157, 123, 116;
$wild-hemp-light: mix(#fff, $wild-hemp, 20%);
$wild-hemp-dark: mix(#000, $wild-hemp, 20%);
.element {
color: $wild-hemp;
box-shadow: 0 0 0 2px rgba($wild-hemp, 0.35);
}