Nearest named color · #8F47FE
#8F47FE
Nearest named color: Candy Grape Fizz
#8F47FE (rgb(143 71 254), hsl(264 99% 64%), oklch(0.589 0.252 295.5)) is closest to the named color Candy Grape Fizz. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8F47FE
oklch(0.589 0.252 295.5)
Color conversions
- HEX
- #8f47fe
- RGB
- rgb(143 71 254)
- HSL
- hsl(264 99% 64%)
- HWB
- hwb(264 28% 0%)
- OKLCH
- oklch(0.589 0.252 295.5)
- OKLab
- oklab(0.589 0.109 -0.228)
- CIE Lab
- lab(47.8 58.39 -80.92)
- LCH
- lch(47.8 99.78 305.8)
- CMYK
- cmyk(44% 72% 0% 0%)
Tints · Shades · Tones
Tints
- 985FFF
- A274FF
- AD87FF
- B799FF
- C2ABFF
- CEBCFF
- DACDFF
- E6DEFF
- F2EEFF
Shades
- 7C3DDD
- 6932BD
- 57289E
- 451F80
- 341663
- 240D47
- 15062D
- 070216
- 010003
Tones
- 8D52F2
- 8B5AE6
- 8962DA
- 8768CD
- 856DC1
- 8472B4
- 8376A8
- 827A9B
- 817D8E
Color harmonies
Complementary +180°
- 8F47FE
Candy Grape Fizz
- 7A8600
≈ Elwynn Forest Olive
Analogous -30° +30°
- 8F47FE
Candy Grape Fizz
- 3B6DFF
≈ Blue Titmouse
- C225CB
≈ Screaming Magenta
Triadic +120° +240°
- 8F47FE
Candy Grape Fizz
- BC6100
≈ Honey Ginger
- 00927A
≈ Aqua Waters
Split-complementary +150° +210°
- 8F47FE
Candy Grape Fizz
- 9D7600
≈ Mesozoic Green
- 00972B
≈ Irish Green
Tetradic +90° +180° +270°
- 8F47FE
Candy Grape Fizz
- E90024
≈ Xiān Hóng Red
- 7A8600
≈ Elwynn Forest Olive
- 008E9A
≈ Coral Coast
Contrast & accessibility
Ag
AAOn white
WCAG 4.66:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.50:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--candy-grape-fizz: #8f47fe;
--candy-grape-fizz-rgb: 143 71 254;
--candy-grape-fizz-oklch: oklch(0.589 0.252 295.5);
}
.element {
color: var(--candy-grape-fizz);
background-color: hsl(264 99% 64%);
border-color: oklch(0.589 0.252 295.5);
}Tailwind CSS v4
@theme {
--color-candy-grape-fizz: #8f47fe;
--color-candy-grape-fizz-50: #fde6ff;
--color-candy-grape-fizz-100: #f1d6ff;
--color-candy-grape-fizz-200: #e1bbff;
--color-candy-grape-fizz-300: #c896ff;
--color-candy-grape-fizz-400: #ae73ff;
--color-candy-grape-fizz-500: #9b47ff;
--color-candy-grape-fizz-600: #833eea;
--color-candy-grape-fizz-700: #6832bc;
--color-candy-grape-fizz-800: #4a248f;
--color-candy-grape-fizz-900: #341865;
--color-candy-grape-fizz-950: #200646;
}SCSS
$candy-grape-fizz: #8f47fe;
$candy-grape-fizz-rgb: 143, 71, 254;
$candy-grape-fizz-light: mix(#fff, $candy-grape-fizz, 20%);
$candy-grape-fizz-dark: mix(#000, $candy-grape-fizz, 20%);
.element {
color: $candy-grape-fizz;
box-shadow: 0 0 0 2px rgba($candy-grape-fizz, 0.35);
}