Adlandırılmış renk · #937043
Grog Yellow
Grog Yellow, #937043: rgb(147 112 67), hsl(34 37% 42%), oklch(0.57 0.076 72.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Grog Yellow color name →
#937043
oklch(0.57 0.076 72.3)
Renk dönüşümleri
- HEX
- #937043
- RGB
- rgb(147 112 67)
- HSL
- hsl(34 37% 42%)
- HWB
- hwb(34 26% 42%)
- OKLCH
- oklch(0.57 0.076 72.3)
- OKLab
- oklab(0.57 0.023 0.072)
- CIE Lab
- lab(50.03 10.18 30.43)
- LCH
- lch(50.03 32.09 71.5)
- CMYK
- cmyk(0% 24% 54% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9E7E56
- A88B68
- B3997A
- BEA78C
- C8B69F
- D3C4B2
- DED3C5
- E9E1D8
- F4F0EB
Koyu tonlar
- 7F6039
- 6C512F
- 594326
- 47351D
- 362714
- 251A0C
- 160E05
- 080401
- 010100
Gri tonlar
- 91724A
- 907451
- 8E7557
- 8C775D
- 8A7963
- 887A69
- 867C6F
- 847D75
- 827F7A
Renk uyumları
Tamamlayıcı +180°
- 937043
Grog Yellow
- 567AA3
≈ Montreux Blue
Analog -30° +30°
- 937043
Grog Yellow
- 9E6853
≈ J’s Big Heart
- 807942
≈ Tribal
Üçlü +120° +240°
- 937043
Grog Yellow
- 388583
≈ Emu Egg
- 876A98
≈ Dark Lavender
Bölünmüş tamamlayıcı +150° +210°
- 937043
Grog Yellow
- 3E8198
≈ Wipeout
- 7072A3
≈ Hyacinth Mauve
Dörtlü +90° +180° +270°
- 937043
Grog Yellow
- 4B856A
≈ Herb Blend
- 567AA3
≈ Montreux Blue
- 976584
≈ Rust Magenta
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.52:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.63:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--grog-yellow: #937043;
--grog-yellow-rgb: 147 112 67;
--grog-yellow-oklch: oklch(0.57 0.076 72.3);
}
.element {
color: var(--grog-yellow);
background-color: hsl(34 37% 42%);
border-color: oklch(0.57 0.076 72.3);
}Tailwind CSS v4
@theme {
--color-grog-yellow: #937043;
--color-grog-yellow-50: #fff3de;
--color-grog-yellow-100: #f7e5cd;
--color-grog-yellow-200: #e8d0b1;
--color-grog-yellow-300: #cfb28d;
--color-grog-yellow-400: #ba986c;
--color-grog-yellow-500: #a57e4b;
--color-grog-yellow-600: #8c6b40;
--color-grog-yellow-700: #705533;
--color-grog-yellow-800: #533e24;
--color-grog-yellow-900: #3a2a18;
--color-grog-yellow-950: #241809;
}SCSS
$grog-yellow: #937043;
$grog-yellow-rgb: 147, 112, 67;
$grog-yellow-light: mix(#fff, $grog-yellow, 20%);
$grog-yellow-dark: mix(#000, $grog-yellow, 20%);
.element {
color: $grog-yellow;
box-shadow: 0 0 0 2px rgba($grog-yellow, 0.35);
}