Benannte Farbe · #78614C
Hickory Nut
Hickory Nut ist #78614C: rgb(120 97 76), hsl(29 22% 38%), oklch(0.51 0.043 64). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Hickory Nut color name →
#78614C
oklch(0.51 0.043 64)
Farbumrechnungen
- HEX
- #78614c
- RGB
- rgb(120 97 76)
- HSL
- hsl(29 22% 38%)
- HWB
- hwb(29 30% 53%)
- OKLCH
- oklch(0.51 0.043 64)
- OKLab
- oklab(0.51 0.019 0.039)
- CIE Lab
- lab(43.04 7.22 15.7)
- LCH
- lch(43.04 17.28 65.3)
- CMYK
- cmyk(0% 19% 37% 53%)
Tints · Shades · Tones
Tints
- 85705C
- 927F6D
- 9F8E7E
- AC9D90
- BAADA2
- C7BDB4
- D5CDC6
- E3DDD9
- F1EEEC
Shades
- 675341
- 574636
- 48392C
- 392D22
- 2A2118
- 1D150F
- 100B06
- 050302
- 010000
Tones
- 796451
- 7A6756
- 7B6A5C
- 7C6D61
- 7C7166
- 7D746B
- 7E7770
- 7F7A76
- 7F7D7B
Farbharmonien
Komplementär +180°
- 78614C
Hickory Nut
- 51697D
≈ Periscope
Analog -30° +30°
- 78614C
Hickory Nut
- 7D5D56
≈ Wild West
- 6E6649
≈ City Arboretum
Triadisch +120° +240°
- 78614C
Hickory Nut
- 496E69
≈ Farrago
- 6B607B
≈ Promised Amethyst
Geteilt komplementär +150° +210°
- 78614C
Hickory Nut
- 486D75
≈ Holy Water
- 5E657F
≈ Purple Daze
Tetradisch +90° +180° +270°
- 78614C
Hickory Nut
- 536E5B
≈ Green Bayou
- 51697D
≈ Periscope
- 765D70
≈ Banished Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.81:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.61:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--hickory-nut: #78614c;
--hickory-nut-rgb: 120 97 76;
--hickory-nut-oklch: oklch(0.51 0.043 64);
}
.element {
color: var(--hickory-nut);
background-color: hsl(29 22% 38%);
border-color: oklch(0.51 0.043 64);
}Tailwind CSS v4
@theme {
--color-hickory-nut: #78614c;
--color-hickory-nut-50: #fef3e8;
--color-hickory-nut-100: #f2e5d9;
--color-hickory-nut-200: #e2d1c1;
--color-hickory-nut-300: #c7b3a1;
--color-hickory-nut-400: #b19a84;
--color-hickory-nut-500: #9b8068;
--color-hickory-nut-600: #836d59;
--color-hickory-nut-700: #695747;
--color-hickory-nut-800: #4e3f33;
--color-hickory-nut-900: #362c23;
--color-hickory-nut-950: #211912;
}SCSS
$hickory-nut: #78614c;
$hickory-nut-rgb: 120, 97, 76;
$hickory-nut-light: mix(#fff, $hickory-nut, 20%);
$hickory-nut-dark: mix(#000, $hickory-nut, 20%);
.element {
color: $hickory-nut;
box-shadow: 0 0 0 2px rgba($hickory-nut, 0.35);
}