Named color · #8A7561
Mink
Mink is #8A7561: rgb(138 117 97), hsl(29 17% 46%), oklch(0.577 0.039 65.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Mink color name →
#8A7561
oklch(0.577 0.039 65.5)
Color conversions
- HEX
- #8a7561
- RGB
- rgb(138 117 97)
- HSL
- hsl(29 17% 46%)
- HWB
- hwb(29 38% 46%)
- OKLCH
- oklch(0.577 0.039 65.5)
- OKLab
- oklab(0.577 0.016 0.036)
- CIE Lab
- lab(50.84 6.09 14.27)
- LCH
- lch(50.84 15.52 66.9)
- CMYK
- cmyk(0% 15% 30% 46%)
Tints · Shades · Tones
Tints
- 958270
- A18F7F
- AC9C8E
- B8AA9D
- C3B8AD
- CFC6BD
- DBD4CD
- E7E2DE
- F3F0EE
Shades
- 776553
- 655546
- 534639
- 42372D
- 322921
- 221C15
- 140F0B
- 070503
- 010100
Tones
- 897664
- 887767
- 87786B
- 867A6E
- 857B71
- 847C74
- 837D77
- 827E7A
- 817F7D
Color harmonies
Complementary +180°
- 8A7561
Mink
- 667C90
≈ Pier 17 Steel
Analogous -30° +30°
- 8A7561
Mink
- 8F716A
≈ Brown Rose
- 807A5F
≈ Aloe
Triadic +120° +240°
- 8A7561
Mink
- 5F817C
≈ Teal Stencil
- 7F748C
≈ Batik Lilac
Split-complementary +150° +210°
- 8A7561
Mink
- 5F8088
≈ Refuge
- 727891
≈ Little Theatre
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 4.37:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.79:1 · APCA Lc 31
Best text color: #000000
WCAG 4.79:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--mink: #8a7561;
--mink-rgb: 138 117 97;
--mink-oklch: oklch(0.577 0.039 65.5);
}
.element {
color: var(--mink);
background-color: hsl(29 17% 46%);
border-color: oklch(0.577 0.039 65.5);
}Tailwind CSS v4
@theme {
--color-mink: #8a7561;
--color-mink-50: #fdf3e9;
--color-mink-100: #f1e6da;
--color-mink-200: #e0d1c3;
--color-mink-300: #c6b4a2;
--color-mink-400: #af9a86;
--color-mink-500: #99816b;
--color-mink-600: #816d5b;
--color-mink-700: #675848;
--color-mink-800: #4c4034;
--color-mink-900: #352c24;
--color-mink-950: #201913;
}SCSS
$mink: #8a7561;
$mink-rgb: 138, 117, 97;
$mink-light: mix(#fff, $mink, 20%);
$mink-dark: mix(#000, $mink, 20%);
.element {
color: $mink;
box-shadow: 0 0 0 2px rgba($mink, 0.35);
}