Named color · #8B7181
Who-Dun-It
Who-Dun-It is #8B7181: rgb(139 113 129), hsl(323 10% 49%), oklch(0.579 0.04 341). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Who-Dun-It color name →
#8B7181
oklch(0.579 0.04 341)
Color conversions
- HEX
- #8b7181
- RGB
- rgb(139 113 129)
- HSL
- hsl(323 10% 49%)
- HWB
- hwb(323 44% 45%)
- OKLCH
- oklch(0.579 0.04 341)
- OKLab
- oklab(0.579 0.038 -0.013)
- CIE Lab
- lab(50.59 12.66 -4.78)
- LCH
- lch(50.59 13.53 339.3)
- CMYK
- cmyk(0% 19% 7% 45%)
Tints · Shades · Tones
Tints
- 967E8D
- A18C99
- AD9AA5
- B8A7B2
- C4B6BE
- D0C4CB
- DBD2D8
- E7E1E5
- F3F0F2
Shades
- 78616F
- 66525E
- 54434E
- 43353E
- 32272E
- 231A1F
- 140E12
- 070406
- 010101
Tones
- 8A7381
- 897481
- 887681
- 877781
- 867981
- 857A80
- 847C80
- 827D80
- 817F80
Color harmonies
Complementary +180°
- 8B7181
Who-Dun-It
- 668272
≈ Wild Beet Leaf
Analogous -30° +30°
- 8B7181
Who-Dun-It
- 82748C
≈ Hyacinth Dream
- 907174
≈ Tetrarose
Triadic +120° +240°
- 8B7181
Who-Dun-It
- 7F7B60
≈ Thurman
- 60808B
≈ Windy Seas
Split-complementary +150° +210°
- 8B7181
Who-Dun-It
- 727F67
≈ Beech Fern
- 5F827F
≈ Teal Stencil
Tetradic +90° +180° +270°
- 8B7181
Who-Dun-It
- 897660
≈ Mink
- 668272
≈ Wild Beet Leaf
- 697C91
≈ Blue Suede
Contrast & accessibility
Ag
FailOn white
WCAG 4.39:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.77:1 · APCA Lc 31
Best text color: #000000
WCAG 4.77:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--who-dun-it: #8b7181;
--who-dun-it-rgb: 139 113 129;
--who-dun-it-oklch: oklch(0.579 0.04 341);
}
.element {
color: var(--who-dun-it);
background-color: hsl(323 10% 49%);
border-color: oklch(0.579 0.04 341);
}Tailwind CSS v4
@theme {
--color-who-dun-it: #8b7181;
--color-who-dun-it-50: #fef1f8;
--color-who-dun-it-100: #f2e3eb;
--color-who-dun-it-200: #e1ced9;
--color-who-dun-it-300: #c7b0bd;
--color-who-dun-it-400: #b096a5;
--color-who-dun-it-500: #997c8e;
--color-who-dun-it-600: #826978;
--color-who-dun-it-700: #685460;
--color-who-dun-it-800: #4c3d47;
--color-who-dun-it-900: #352a31;
--color-who-dun-it-950: #20181d;
}SCSS
$who-dun-it: #8b7181;
$who-dun-it-rgb: 139, 113, 129;
$who-dun-it-light: mix(#fff, $who-dun-it, 20%);
$who-dun-it-dark: mix(#000, $who-dun-it, 20%);
.element {
color: $who-dun-it;
box-shadow: 0 0 0 2px rgba($who-dun-it, 0.35);
}