Named color · #895D8B
Candy Violet
Candy Violet is #895D8B: rgb(137 93 139), hsl(297 20% 45%), oklch(0.542 0.087 325.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Candy Violet color name →
#895D8B
oklch(0.542 0.087 325.2)
Color conversions
- HEX
- #895d8b
- RGB
- rgb(137 93 139)
- HSL
- hsl(297 20% 45%)
- HWB
- hwb(297 36% 45%)
- OKLCH
- oklch(0.542 0.087 325.2)
- OKLab
- oklab(0.542 0.072 -0.05)
- CIE Lab
- lab(45.6 24.48 -18.17)
- LCH
- lch(45.6 30.49 323.4)
- CMYK
- cmyk(1% 33% 0% 45%)
Tints · Shades · Tones
Tints
- 956C96
- A07CA2
- AC8BAD
- B89BB8
- C3ABC4
- CFBCD0
- DBCCDB
- E7DDE7
- F3EEF3
Shades
- 765078
- 644366
- 533754
- 422A43
- 311F32
- 221423
- 140A14
- 070307
- 010001
Tones
- 88618A
- 886489
- 876888
- 866C87
- 856F86
- 847385
- 837684
- 827982
- 817D81
Color harmonies
Complementary +180°
- 895D8B
Candy Violet
- 4D7D4F
≈ Melbourne
Analogous -30° +30°
- 895D8B
Candy Violet
- 73659D
≈ Reign Over Me
- 975971
≈ Pink Tulip
Triadic +120° +240°
- 895D8B
Candy Violet
- 866B2D
≈ Aged Antics
- 177D87
≈ Caribe
Split-complementary +150° +210°
- 895D8B
Candy Violet
- 6D7536
≈ Swamp Shrub
- 29806C
≈ Green Belt
Tetradic +90° +180° +270°
- 895D8B
Candy Violet
- 96613B
≈ Ash Brown
- 4D7D4F
≈ Melbourne
- 35779B
≈ Fun and Games
Contrast & accessibility
Ag
AAOn white
WCAG 5.24:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--candy-violet: #895d8b;
--candy-violet-rgb: 137 93 139;
--candy-violet-oklch: oklch(0.542 0.087 325.2);
}
.element {
color: var(--candy-violet);
background-color: hsl(297 20% 45%);
border-color: oklch(0.542 0.087 325.2);
}Tailwind CSS v4
@theme {
--color-candy-violet: #895d8b;
--color-candy-violet-50: #ffedff;
--color-candy-violet-100: #f8def7;
--color-candy-violet-200: #e9c8e8;
--color-candy-violet-300: #d0a8cf;
--color-candy-violet-400: #b98dbb;
--color-candy-violet-500: #a472a6;
--color-candy-violet-600: #8a608c;
--color-candy-violet-700: #6f4d70;
--color-candy-violet-800: #513854;
--color-candy-violet-900: #38263a;
--color-candy-violet-950: #231424;
}SCSS
$candy-violet: #895d8b;
$candy-violet-rgb: 137, 93, 139;
$candy-violet-light: mix(#fff, $candy-violet, 20%);
$candy-violet-dark: mix(#000, $candy-violet, 20%);
.element {
color: $candy-violet;
box-shadow: 0 0 0 2px rgba($candy-violet, 0.35);
}