Nearest named color · #8B1154
#8B1154
Nearest named color: Mulberry
#8B1154 (rgb(139 17 84), hsl(327 78% 31%), oklch(0.424 0.163 354.1)) is closest to the named color Mulberry. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8B1154
oklch(0.424 0.163 354.1)
Color conversions
- HEX
- #8b1154
- RGB
- rgb(139 17 84)
- HSL
- hsl(327 78% 31%)
- HWB
- hwb(327 7% 45%)
- OKLCH
- oklch(0.424 0.163 354.1)
- OKLab
- oklab(0.424 0.162 -0.017)
- CIE Lab
- lab(31.08 51.76 -5.63)
- LCH
- lch(31.08 52.07 353.8)
- CMYK
- cmyk(0% 88% 40% 45%)
Tints · Shades · Tones
Tints
- 993164
- A64A73
- B36184
- BF7794
- CB8DA5
- D6A3B7
- E1BAC8
- ECD1DA
- F6E8ED
Shades
- 780D48
- 66093C
- 540631
- 430426
- 32021B
- 230111
- 140008
- 070002
- 010000
Tones
- 8C2458
- 8C325D
- 8C3E61
- 8C4865
- 8B526A
- 8A5C6E
- 886573
- 866E77
- 83777B
Color harmonies
Complementary +180°
- 8B1154
Mulberry
- 005C4B
≈ Evergreen
Analogous -30° +30°
- 8B1154
Mulberry
- 77227F
≈ Count’s Wardrobe
- 930F1C
≈ Sacred Scarlet
Triadic +120° +240°
- 8B1154
Mulberry
- 4E5300
≈ Douro
- 005577
≈ Studer Blue
Split-complementary +150° +210°
- 8B1154
Mulberry
- 006010
≈ Thuja Green
- 005960
≈ Entrapment
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.10:1 · APCA Lc 89
Ag
FailOn black
WCAG 2.30:1 · APCA Lc 13
Best text color: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--mulberry: #8b1154;
--mulberry-rgb: 139 17 84;
--mulberry-oklch: oklch(0.424 0.163 354.1);
}
.element {
color: var(--mulberry);
background-color: hsl(327 78% 31%);
border-color: oklch(0.424 0.163 354.1);
}Tailwind CSS v4
@theme {
--color-mulberry: #8b1154;
--color-mulberry-50: #ffe3f6;
--color-mulberry-100: #ffd2e9;
--color-mulberry-200: #ffb7d6;
--color-mulberry-300: #f993ba;
--color-mulberry-400: #e671a5;
--color-mulberry-500: #d34e8d;
--color-mulberry-600: #b34377;
--color-mulberry-700: #903560;
--color-mulberry-800: #6a2648;
--color-mulberry-900: #4b1932;
--color-mulberry-950: #31091e;
}SCSS
$mulberry: #8b1154;
$mulberry-rgb: 139, 17, 84;
$mulberry-light: mix(#fff, $mulberry, 20%);
$mulberry-dark: mix(#000, $mulberry, 20%);
.element {
color: $mulberry;
box-shadow: 0 0 0 2px rgba($mulberry, 0.35);
}