Nearest named color · #8B468E
#8B468E
Nearest named color: Prunella
#8B468E (rgb(139 70 142), hsl(298 34% 42%), oklch(0.507 0.134 325.8)) is closest to the named color Prunella. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8B468E
oklch(0.507 0.134 325.8)
Color conversions
- HEX
- #8b468e
- RGB
- rgb(139 70 142)
- HSL
- hsl(298 34% 42%)
- HWB
- hwb(298 27% 44%)
- OKLCH
- oklch(0.507 0.134 325.8)
- OKLab
- oklab(0.507 0.111 -0.075)
- CIE Lab
- lab(40.86 37.95 -27.23)
- LCH
- lch(40.86 46.71 324.3)
- CMYK
- cmyk(2% 51% 0% 44%)
Tints · Shades · Tones
Tints
- 975899
- A36AA5
- AF7CB0
- BA8FBB
- C6A1C6
- D1B3D2
- DDC6DD
- E8D9E8
- F4ECF4
Shades
- 783C7B
- 663268
- 542856
- 431E44
- 321534
- 230D24
- 140515
- 070207
- 010001
Tones
- 8A4D8D
- 8A538C
- 89598B
- 885F89
- 876588
- 866B87
- 857085
- 837583
- 827B82
Color harmonies
Complementary +180°
- 8B468E
Prunella
- 247931
≈ Verdant Vale
Analogous -30° +30°
- 8B468E
Prunella
- 6D52A8
≈ Prophet Violet
- 9E3F68
≈ Boysenberry Pink
Triadic +120° +240°
- 8B468E
Prunella
- 806000
≈ Ground Earth
- 00737D
≈ Night Scape
Split-complementary +150° +210°
- 8B468E
Prunella
- 636D00
≈ Brownish Green
- 007763
≈ Teal Waters
Tetradic +90° +180° +270°
- 8B468E
Prunella
- 994E00
≈ Warm Brown
- 247931
≈ Verdant Vale
- 006E9B
≈ Disarm
Contrast & accessibility
Ag
AAOn white
WCAG 6.24:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.36:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--prunella: #8b468e;
--prunella-rgb: 139 70 142;
--prunella-oklch: oklch(0.507 0.134 325.8);
}
.element {
color: var(--prunella);
background-color: hsl(298 34% 42%);
border-color: oklch(0.507 0.134 325.8);
}Tailwind CSS v4
@theme {
--color-prunella: #8b468e;
--color-prunella-50: #ffe8ff;
--color-prunella-100: #ffd9ff;
--color-prunella-200: #f4c0f2;
--color-prunella-300: #dd9fda;
--color-prunella-400: #c781c9;
--color-prunella-500: #b263b5;
--color-prunella-600: #975499;
--color-prunella-700: #79437b;
--color-prunella-800: #58315c;
--color-prunella-900: #3e2141;
--color-prunella-950: #271029;
}SCSS
$prunella: #8b468e;
$prunella-rgb: 139, 70, 142;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}