Adlandırılmış renk · #936B4F
Thrush
Thrush, #936B4F: rgb(147 107 79), hsl(25 30% 44%), oklch(0.562 0.065 55.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Thrush color name →
#936B4F
oklch(0.562 0.065 55.9)
Renk dönüşümleri
- HEX
- #936b4f
- RGB
- rgb(147 107 79)
- HSL
- hsl(25 30% 44%)
- HWB
- hwb(25 31% 42%)
- OKLCH
- oklch(0.562 0.065 55.9)
- OKLab
- oklab(0.562 0.037 0.054)
- CIE Lab
- lab(48.89 13.8 22.29)
- LCH
- lch(48.89 26.22 58.2)
- CMYK
- cmyk(0% 27% 46% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9E7960
- A98770
- B39681
- BEA493
- C9B3A4
- D4C2B6
- DED1C8
- E9E0DA
- F4EFEC
Koyu tonlar
- 7F5C44
- 6C4E38
- 593F2E
- 473223
- 362519
- 251810
- 160D07
- 080402
- 010000
Gri tonlar
- 916D54
- 906F59
- 8E725E
- 8C7463
- 8A7668
- 88786D
- 867A72
- 847C77
- 827E7B
Renk uyumları
Tamamlayıcı +180°
- 936B4F
Thrush
- 4E7B96
≈ Mallorca Blue
Analog -30° +30°
- 936B4F
Thrush
- 986661
≈ Café
- 867247
≈ Mossy
Üçlü +120° +240°
- 936B4F
Thrush
- 488273
≈ Aussie Surf
- 786D97
≈ Arabian Silk
Bölünmüş tamamlayıcı +150° +210°
- 936B4F
Thrush
- 418088
≈ Shady Blue
- 63749C
≈ Misty Harbour
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.71:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.45:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--thrush: #936b4f;
--thrush-rgb: 147 107 79;
--thrush-oklch: oklch(0.562 0.065 55.9);
}
.element {
color: var(--thrush);
background-color: hsl(25 30% 44%);
border-color: oklch(0.562 0.065 55.9);
}Tailwind CSS v4
@theme {
--color-thrush: #936b4f;
--color-thrush-50: #fff1e3;
--color-thrush-100: #fae3d3;
--color-thrush-200: #ebceb9;
--color-thrush-300: #d2b097;
--color-thrush-400: #bd9579;
--color-thrush-500: #a87b5b;
--color-thrush-600: #8e684e;
--color-thrush-700: #72533e;
--color-thrush-800: #543c2d;
--color-thrush-900: #3b291e;
--color-thrush-950: #25170e;
}SCSS
$thrush: #936b4f;
$thrush-rgb: 147, 107, 79;
$thrush-light: mix(#fff, $thrush, 20%);
$thrush-dark: mix(#000, $thrush, 20%);
.element {
color: $thrush;
box-shadow: 0 0 0 2px rgba($thrush, 0.35);
}