Nearest named color · #8A5E85
#8A5E85
Nearest named color: Sunshone Plum
#8A5E85 (rgb(138 94 133), hsl(307 19% 45%), oklch(0.542 0.08 330.6)) is closest to the named color Sunshone Plum. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8A5E85
oklch(0.542 0.08 330.6)
Color conversions
- HEX
- #8a5e85
- RGB
- rgb(138 94 133)
- HSL
- hsl(307 19% 45%)
- HWB
- hwb(307 37% 46%)
- OKLCH
- oklch(0.542 0.08 330.6)
- OKLab
- oklab(0.542 0.069 -0.039)
- CIE Lab
- lab(45.77 23.41 -14.32)
- LCH
- lch(45.77 27.44 328.6)
- CMYK
- cmyk(0% 32% 4% 46%)
Tints · Shades · Tones
Tints
- 966D91
- A17C9C
- AD8CA8
- B89CB4
- C4ACC1
- D0BCCD
- DBCCD9
- E7DDE6
- F3EEF2
Shades
- 775173
- 654461
- 533750
- 422B40
- 321F30
- 221421
- 140A13
- 070306
- 010001
Tones
- 896285
- 896584
- 886984
- 876C83
- 866F83
- 857382
- 847682
- 837981
- 817D81
Color harmonies
Complementary +180°
- 8A5E85
Sunshone Plum
- 4B7D57
≈ Melbourne
Analogous -30° +30°
- 8A5E85
Sunshone Plum
- 776497
≈ Purple Paradise
- 965B6D
≈ Glitz and Glamour
Triadic +120° +240°
- 8A5E85
Sunshone Plum
- 816D35
≈ Time Honoured
- 2A7C89
≈ Panorama
Split-complementary +150° +210°
- 8A5E85
Sunshone Plum
- 697640
≈ Ghoul
- 2F7E72
≈ Elegant Silk
Tetradic +90° +180° +270°
- 8A5E85
Sunshone Plum
- 91643D
≈ Topaz Mountain
- 4B7D57
≈ Melbourne
- 417599
≈ Cry Me a River
Contrast & accessibility
Ag
AAOn white
WCAG 5.22:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.02:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--sunshone-plum: #8a5e85;
--sunshone-plum-rgb: 138 94 133;
--sunshone-plum-oklch: oklch(0.542 0.08 330.6);
}
.element {
color: var(--sunshone-plum);
background-color: hsl(307 19% 45%);
border-color: oklch(0.542 0.08 330.6);
}Tailwind CSS v4
@theme {
--color-sunshone-plum: #8a5e85;
--color-sunshone-plum-50: #ffedff;
--color-sunshone-plum-100: #f9dff4;
--color-sunshone-plum-200: #eac8e3;
--color-sunshone-plum-300: #d1a9c9;
--color-sunshone-plum-400: #ba8eb5;
--color-sunshone-plum-500: #a5739f;
--color-sunshone-plum-600: #8b6186;
--color-sunshone-plum-700: #704e6c;
--color-sunshone-plum-800: #523850;
--color-sunshone-plum-900: #392738;
--color-sunshone-plum-950: #231522;
}SCSS
$sunshone-plum: #8a5e85;
$sunshone-plum-rgb: 138, 94, 133;
$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);
}