Adlandırılmış renk · #9D8675
Earthnut
Earthnut, #9D8675: rgb(157 134 117), hsl(26 17% 54%), oklch(0.636 0.037 58.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? → · Earthnut color name →
#9D8675
oklch(0.636 0.037 58.5)
Renk dönüşümleri
- HEX
- #9d8675
- RGB
- rgb(157 134 117)
- HSL
- hsl(26 17% 54%)
- HWB
- hwb(26 46% 38%)
- OKLCH
- oklch(0.636 0.037 58.5)
- OKLab
- oklab(0.636 0.02 0.032)
- CIE Lab
- lab(57.72 7.01 12.6)
- LCH
- lch(57.72 14.42 60.9)
- CMYK
- cmyk(0% 15% 25% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A79182
- B09D8F
- BAA99D
- C3B5AA
- CDC1B8
- D7CDC6
- E1D9D4
- EBE6E2
- F5F2F0
Koyu tonlar
- 887465
- 736255
- 5F5146
- 4C4037
- 3A3029
- 28211C
- 18130F
- 090605
- 010101
Gri tonlar
- 9A8576
- 978577
- 948479
- 92847A
- 8F837B
- 8C837C
- 89827D
- 86817E
- 83817F
Renk uyumları
Tamamlayıcı +180°
- 9D8675
Earthnut
- 778FA0
≈ Jean Jacket Blue
Analog -30° +30°
- 9D8675
Earthnut
- A1837E
≈ Pigeon Pink
- 948A72
≈ Dry Pasture
Üçlü +120° +240°
- 9D8675
Earthnut
- 73938B
≈ Longmeadow
- 8E879F
≈ Antiquate
Bölünmüş tamamlayıcı +150° +210°
- 9D8675
Earthnut
- 719297
≈ Blue Clay
- 818BA3
≈ Violet Aura
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.44:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.10:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--earthnut: #9d8675;
--earthnut-rgb: 157 134 117;
--earthnut-oklch: oklch(0.636 0.037 58.5);
}
.element {
color: var(--earthnut);
background-color: hsl(26 17% 54%);
border-color: oklch(0.636 0.037 58.5);
}Tailwind CSS v4
@theme {
--color-earthnut: #9d8675;
--color-earthnut-50: #fef3eb;
--color-earthnut-100: #f2e5dc;
--color-earthnut-200: #e1d1c5;
--color-earthnut-300: #c6b3a5;
--color-earthnut-400: #b09a89;
--color-earthnut-500: #9a816e;
--color-earthnut-600: #826d5d;
--color-earthnut-700: #68574a;
--color-earthnut-800: #4d3f36;
--color-earthnut-900: #352c25;
--color-earthnut-950: #201913;
}SCSS
$earthnut: #9d8675;
$earthnut-rgb: 157, 134, 117;
$earthnut-light: mix(#fff, $earthnut, 20%);
$earthnut-dark: mix(#000, $earthnut, 20%);
.element {
color: $earthnut;
box-shadow: 0 0 0 2px rgba($earthnut, 0.35);
}