Nearest named color · #886B8D
#886B8D
Nearest named color: Sunshone Plum
#886B8D (rgb(136 107 141), hsl(291 14% 49%), oklch(0.568 0.062 321.4)) is closest to the named color Sunshone Plum. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#886B8D
oklch(0.568 0.062 321.4)
Color conversions
- HEX
- #886b8d
- RGB
- rgb(136 107 141)
- HSL
- hsl(291 14% 49%)
- HWB
- hwb(291 42% 45%)
- OKLCH
- oklch(0.568 0.062 321.4)
- OKLab
- oklab(0.568 0.048 -0.038)
- CIE Lab
- lab(49.05 16.62 -14.17)
- LCH
- lch(49.05 21.84 319.5)
- CMYK
- cmyk(4% 24% 0% 45%)
Tints · Shades · Tones
Tints
- 937998
- 9F87A3
- AB95AE
- B6A4B9
- C2B3C5
- CEC1D0
- DAD1DC
- E6E0E7
- F3EFF3
Shades
- 755C7A
- 634E67
- 523F55
- 413244
- 312533
- 221823
- 130D14
- 060407
- 010001
Tones
- 876D8C
- 876F8B
- 867289
- 857488
- 847687
- 847885
- 837A84
- 827C83
- 817E81
Color harmonies
Complementary +180°
- 886B8D
Sunshone Plum
- 63805E
≈ Tuscan Herbs
Analogous -30° +30°
- 886B8D
Sunshone Plum
- 777199
≈ Arabian Silk
- 94687B
≈ Corundum Red
Triadic +120° +240°
- 886B8D
Sunshone Plum
- 89734C
≈ Desert Willow
- 478286
≈ Paradiso
Split-complementary +150° +210°
- 886B8D
Sunshone Plum
- 787B50
≈ Bonsai
- 4F8372
≈ Billiard Room
Tetradic +90° +180° +270°
- 886B8D
Sunshone Plum
- 956D55
≈ Wheat Penny
- 63805E
≈ Tuscan Herbs
- 507E95
≈ Mallorca Blue
Contrast & accessibility
Ag
AAOn white
WCAG 4.63:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.53:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--sunshone-plum: #886b8d;
--sunshone-plum-rgb: 136 107 141;
--sunshone-plum-oklch: oklch(0.568 0.062 321.4);
}
.element {
color: var(--sunshone-plum);
background-color: hsl(291 14% 49%);
border-color: oklch(0.568 0.062 321.4);
}Tailwind CSS v4
@theme {
--color-sunshone-plum: #886b8d;
--color-sunshone-plum-50: #fef0ff;
--color-sunshone-plum-100: #f2e1f4;
--color-sunshone-plum-200: #e2cce4;
--color-sunshone-plum-300: #c7adca;
--color-sunshone-plum-400: #b093b5;
--color-sunshone-plum-500: #99799f;
--color-sunshone-plum-600: #826686;
--color-sunshone-plum-700: #68526c;
--color-sunshone-plum-800: #4c3c50;
--color-sunshone-plum-900: #352938;
--color-sunshone-plum-950: #201722;
}SCSS
$sunshone-plum: #886b8d;
$sunshone-plum-rgb: 136, 107, 141;
$sunshone-plum-light: mix(#fff, $sunshone-plum, 20%);
$sunshone-plum-dark: mix(#000, $sunshone-plum, 20%);
.element {
color: $sunshone-plum;
box-shadow: 0 0 0 2px rgba($sunshone-plum, 0.35);
}