Benannte Farbe · #936B4F
Thrush
Thrush ist #936B4F: rgb(147 107 79), hsl(25 30% 44%), oklch(0.562 0.065 55.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Thrush color name →
#936B4F
oklch(0.562 0.065 55.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 9E7960
- A98770
- B39681
- BEA493
- C9B3A4
- D4C2B6
- DED1C8
- E9E0DA
- F4EFEC
Shades
- 7F5C44
- 6C4E38
- 593F2E
- 473223
- 362519
- 251810
- 160D07
- 080402
- 010000
Tones
- 916D54
- 906F59
- 8E725E
- 8C7463
- 8A7668
- 88786D
- 867A72
- 847C77
- 827E7B
Farbharmonien
Komplementär +180°
- 936B4F
Thrush
- 4E7B96
≈ Mallorca Blue
Analog -30° +30°
- 936B4F
Thrush
- 986661
≈ Café
- 867247
≈ Mossy
Triadisch +120° +240°
- 936B4F
Thrush
- 488273
≈ Aussie Surf
- 786D97
≈ Arabian Silk
Geteilt komplementär +150° +210°
- 936B4F
Thrush
- 418088
≈ Shady Blue
- 63749C
≈ Misty Harbour
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.71:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.45:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
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);
}