Benannte Farbe · #5D5242
Walnut Hull
Walnut Hull ist #5D5242: rgb(93 82 66), hsl(36 17% 31%), oklch(0.445 0.029 77.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Walnut Hull color name →
#5D5242
oklch(0.445 0.029 77.1)
Farbumrechnungen
- HEX
- #5d5242
- RGB
- rgb(93 82 66)
- HSL
- hsl(36 17% 31%)
- HWB
- hwb(36 26% 64%)
- OKLCH
- oklch(0.445 0.029 77.1)
- OKLab
- oklab(0.445 0.006 0.028)
- CIE Lab
- lab(35.62 2.61 11.18)
- LCH
- lch(35.62 11.48 76.9)
- CMYK
- cmyk(0% 12% 29% 64%)
Tints · Shades · Tones
Tints
- 6C6253
- 7B7264
- 8B8276
- 9A9389
- AAA49B
- BBB6AF
- CCC8C2
- DCDAD6
- EEECEA
Shades
- 504638
- 433B2F
- 372F25
- 2A251C
- 1F1A14
- 14110B
- 0A0805
- 030201
- 000000
Tones
- 605648
- 645B4E
- 676054
- 6B645A
- 6E6960
- 726D67
- 75726D
- 797773
- 7C7B7A
Farbharmonien
Komplementär +180°
- 5D5242
Walnut Hull
- 4A5564
≈ Property
Analog -30° +30°
- 5D5242
Walnut Hull
- 624F46
≈ Dark Tavern
- 555543
≈ Freshwater Marsh
Triadisch +120° +240°
- 5D5242
Walnut Hull
- 415959
≈ Sabionando Grey
- 5A4F5F
≈ Purple Fury
Geteilt komplementär +150° +210°
- 5D5242
Walnut Hull
- 435760
≈ San Juan
- 525263
≈ Lap of Luxury
Tetradisch +90° +180° +270°
- 5D5242
Walnut Hull
- 455950
≈ Vinca & Vine
- 4A5564
≈ Property
- 604E57
≈ Berry Wine
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.63:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.75:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--walnut-hull: #5d5242;
--walnut-hull-rgb: 93 82 66;
--walnut-hull-oklch: oklch(0.445 0.029 77.1);
}
.element {
color: var(--walnut-hull);
background-color: hsl(36 17% 31%);
border-color: oklch(0.445 0.029 77.1);
}Tailwind CSS v4
@theme {
--color-walnut-hull: #5d5242;
--color-walnut-hull-50: #faf4ec;
--color-walnut-hull-100: #ede7dd;
--color-walnut-hull-200: #dbd3c7;
--color-walnut-hull-300: #bfb6a7;
--color-walnut-hull-400: #a89d8c;
--color-walnut-hull-500: #918471;
--color-walnut-hull-600: #7b7060;
--color-walnut-hull-700: #62594d;
--color-walnut-hull-800: #484137;
--color-walnut-hull-900: #322d26;
--color-walnut-hull-950: #1e1a14;
}SCSS
$walnut-hull: #5d5242;
$walnut-hull-rgb: 93, 82, 66;
$walnut-hull-light: mix(#fff, $walnut-hull, 20%);
$walnut-hull-dark: mix(#000, $walnut-hull, 20%);
.element {
color: $walnut-hull;
box-shadow: 0 0 0 2px rgba($walnut-hull, 0.35);
}