Benannte Farbe · #774E37
Walnut Wood
Walnut Wood ist #774E37: rgb(119 78 55), hsl(22 37% 34%), oklch(0.464 0.066 49.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Walnut Wood color name →
#774E37
oklch(0.464 0.066 49.8)
Farbumrechnungen
- HEX
- #774e37
- RGB
- rgb(119 78 55)
- HSL
- hsl(22 37% 34%)
- HWB
- hwb(22 22% 53%)
- OKLCH
- oklch(0.464 0.066 49.8)
- OKLab
- oklab(0.464 0.042 0.05)
- CIE Lab
- lab(37.48 15.79 20.99)
- LCH
- lch(37.48 26.26 53)
- CMYK
- cmyk(0% 34% 54% 53%)
Tints · Shades · Tones
Tints
- 845E49
- 926F5C
- 9F806F
- AD9183
- BAA396
- C8B5AB
- D6C7BF
- E3D9D4
- F1ECE9
Shades
- 67432E
- 573826
- 472D1E
- 382316
- 2A190F
- 1C0F08
- 100703
- 050201
- 010000
Tones
- 78533E
- 7A5846
- 7B5D4D
- 7C6254
- 7D675C
- 7E6C63
- 7E716A
- 7F7671
- 807B79
Farbharmonien
Komplementär +180°
- 774E37
Walnut Wood
- 2D6077
≈ Berry Blue
Analog -30° +30°
- 774E37
Walnut Wood
- 7A4A4A
≈ Tuscan Red
- 6D552C
≈ Horses Neck
Triadisch +120° +240°
- 774E37
Walnut Wood
- 2E6553
≈ Ore Mountains Green
- 58537C
≈ Aurora Splendour
Geteilt komplementär +150° +210°
- 774E37
Walnut Wood
- 226468
≈ Pacific
- 435A7E
≈ Optimum Blue
Tetradisch +90° +180° +270°
- 774E37
Walnut Wood
- 45623F
≈ Lady Luck
- 2D6077
≈ Berry Blue
- 6A4D70
≈ Exotic Purple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.16:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.92:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.16:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--walnut-wood: #774e37;
--walnut-wood-rgb: 119 78 55;
--walnut-wood-oklch: oklch(0.464 0.066 49.8);
}
.element {
color: var(--walnut-wood);
background-color: hsl(22 37% 34%);
border-color: oklch(0.464 0.066 49.8);
}Tailwind CSS v4
@theme {
--color-walnut-wood: #774e37;
--color-walnut-wood-50: #fff0e4;
--color-walnut-wood-100: #fbe2d4;
--color-walnut-wood-200: #eccdbb;
--color-walnut-wood-300: #d4af99;
--color-walnut-wood-400: #bf947c;
--color-walnut-wood-500: #aa795f;
--color-walnut-wood-600: #906751;
--color-walnut-wood-700: #735240;
--color-walnut-wood-800: #553c2e;
--color-walnut-wood-900: #3c291f;
--color-walnut-wood-950: #25170f;
}SCSS
$walnut-wood: #774e37;
$walnut-wood-rgb: 119, 78, 55;
$walnut-wood-light: mix(#fff, $walnut-wood, 20%);
$walnut-wood-dark: mix(#000, $walnut-wood, 20%);
.element {
color: $walnut-wood;
box-shadow: 0 0 0 2px rgba($walnut-wood, 0.35);
}