Colore con nome · #78614C
Hickory Nut
Hickory Nut è #78614C: rgb(120 97 76), hsl(29 22% 38%), oklch(0.51 0.043 64). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Hickory Nut color name →
#78614C
oklch(0.51 0.043 64)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 85705C
- 927F6D
- 9F8E7E
- AC9D90
- BAADA2
- C7BDB4
- D5CDC6
- E3DDD9
- F1EEEC
Ombre
- 675341
- 574636
- 48392C
- 392D22
- 2A2118
- 1D150F
- 100B06
- 050302
- 010000
Toni
- 796451
- 7A6756
- 7B6A5C
- 7C6D61
- 7C7166
- 7D746B
- 7E7770
- 7F7A76
- 7F7D7B
Armonie di colore
Complementare +180°
- 78614C
Hickory Nut
- 51697D
≈ Periscope
Analogo -30° +30°
- 78614C
Hickory Nut
- 7D5D56
≈ Wild West
- 6E6649
≈ City Arboretum
Triadico +120° +240°
- 78614C
Hickory Nut
- 496E69
≈ Farrago
- 6B607B
≈ Promised Amethyst
Complementare divisa +150° +210°
- 78614C
Hickory Nut
- 486D75
≈ Holy Water
- 5E657F
≈ Purple Daze
Tetradico +90° +180° +270°
- 78614C
Hickory Nut
- 536E5B
≈ Green Bayou
- 51697D
≈ Periscope
- 765D70
≈ Banished Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.81:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.61:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
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);
}