Named color · #837A64
Mendocino Hills
Mendocino Hills is #837A64: rgb(131 122 100), hsl(43 13% 45%), oklch(0.581 0.034 88.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Mendocino Hills color name →
#837A64
oklch(0.581 0.034 88.4)
Color conversions
- HEX
- #837a64
- RGB
- rgb(131 122 100)
- HSL
- hsl(43 13% 45%)
- HWB
- hwb(43 39% 49%)
- OKLCH
- oklch(0.581 0.034 88.4)
- OKLab
- oklab(0.581 0.001 0.034)
- CIE Lab
- lab(51.58 0.75 13.41)
- LCH
- lch(51.58 13.43 86.8)
- CMYK
- cmyk(0% 7% 24% 49%)
Tints · Shades · Tones
Tints
- 8F8672
- 9B9381
- A7A090
- B3AD9F
- BFBAAF
- CCC8BE
- D8D5CE
- E5E3DE
- F2F1EF
Shades
- 716956
- 605948
- 4F493B
- 3F3A2E
- 2F2B22
- 201D16
- 12100B
- 060503
- 010100
Tones
- 837B67
- 827B6A
- 827C6D
- 827C6F
- 827D72
- 817E75
- 817E78
- 817F7B
- 807F7D
Color harmonies
Complementary +180°
- 837A64
Mendocino Hills
- 727A90
≈ Smokey Denim
Analogous -30° +30°
- 837A64
Mendocino Hills
- 8B7667
≈ Towering Cliffs
- 787E67
≈ Pine Garland
Triadic +120° +240°
- 837A64
Mendocino Hills
- 648185
≈ Rock Creek
- 867485
≈ Faded Orchid
Split-complementary +150° +210°
- 837A64
Mendocino Hills
- 687E8D
≈ Cascade Tour
- 7D778D
≈ Mythical
Tetradic +90° +180° +270°
- 837A64
Mendocino Hills
- 65827B
≈ Underwater World
- 727A90
≈ Smokey Denim
- 8C737A
≈ Myself
Contrast & accessibility
Ag
FailOn white
WCAG 4.25:1 · APCA Lc 69
Ag
AAOn black
WCAG 4.93:1 · APCA Lc 32
Best text color: #000000
WCAG 4.93:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--mendocino-hills: #837a64;
--mendocino-hills-rgb: 131 122 100;
--mendocino-hills-oklch: oklch(0.581 0.034 88.4);
}
.element {
color: var(--mendocino-hills);
background-color: hsl(43 13% 45%);
border-color: oklch(0.581 0.034 88.4);
}Tailwind CSS v4
@theme {
--color-mendocino-hills: #837a64;
--color-mendocino-hills-50: #f9f5ea;
--color-mendocino-hills-100: #ece8db;
--color-mendocino-hills-200: #dad4c4;
--color-mendocino-hills-300: #beb7a4;
--color-mendocino-hills-400: #a79e88;
--color-mendocino-hills-500: #8f856d;
--color-mendocino-hills-600: #79715c;
--color-mendocino-hills-700: #615a4a;
--color-mendocino-hills-800: #484235;
--color-mendocino-hills-900: #322d24;
--color-mendocino-hills-950: #1e1a13;
}SCSS
$mendocino-hills: #837a64;
$mendocino-hills-rgb: 131, 122, 100;
$mendocino-hills-light: mix(#fff, $mendocino-hills, 20%);
$mendocino-hills-dark: mix(#000, $mendocino-hills, 20%);
.element {
color: $mendocino-hills;
box-shadow: 0 0 0 2px rgba($mendocino-hills, 0.35);
}