Nearest named color · #9E43FB
#9E43FB
Nearest named color: Sweet Desire
#9E43FB (rgb(158 67 251), hsl(270 96% 62%), oklch(0.599 0.255 301.4)) is closest to the named color Sweet Desire. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9E43FB
oklch(0.599 0.255 301.4)
Color conversions
- HEX
- #9e43fb
- RGB
- rgb(158 67 251)
- HSL
- hsl(270 96% 62%)
- HWB
- hwb(270 26% 2%)
- OKLCH
- oklch(0.599 0.255 301.4)
- OKLab
- oklab(0.599 0.133 -0.218)
- CIE Lab
- lab(48.86 62.5 -77.43)
- LCH
- lch(48.86 99.5 308.9)
- CMYK
- cmyk(37% 73% 0% 2%)
Tints · Shades · Tones
Tints
- A75CFD
- B072FF
- B985FF
- C298FF
- CCAAFF
- D6BBFF
- E0CCFF
- EADDFF
- F4EEFF
Shades
- 8939DA
- 742FBA
- 60269C
- 4D1D7E
- 3A1461
- 290C46
- 18052D
- 090115
- 010003
Tones
- 9B4FEF
- 9758E3
- 945FD7
- 9166CB
- 8E6CBF
- 8B71B3
- 8875A7
- 85799A
- 837D8D
Color harmonies
Complementary +180°
- 9E43FB
Sweet Desire
- 738C00
≈ Canopy
Analogous -30° +30°
- 9E43FB
Sweet Desire
- 556CFF
≈ Blue Heath Butterfly
- CE1FC2
≈ Explosive Purple
Triadic +120° +240°
- 9E43FB
Sweet Desire
- B96900
≈ Brown Orange
- 009484
≈ Approval Green
Split-complementary +150° +210°
- 9E43FB
Sweet Desire
- 9B7C00
≈ Cerignola Olive
- 00994B
≈ Luscious Green
Tetradic +90° +180° +270°
- 9E43FB
Sweet Desire
- E92400
≈ Hestia Red
- 738C00
≈ Canopy
- 0090A3
≈ Oasis
Contrast & accessibility
Ag
AAOn white
WCAG 4.51:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.64:1 · APCA Lc 31
Best text color: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--sweet-desire: #9e43fb;
--sweet-desire-rgb: 158 67 251;
--sweet-desire-oklch: oklch(0.599 0.255 301.4);
}
.element {
color: var(--sweet-desire);
background-color: hsl(270 96% 62%);
border-color: oklch(0.599 0.255 301.4);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #9e43fb;
--color-sweet-desire-50: #ffe4ff;
--color-sweet-desire-100: #fad3ff;
--color-sweet-desire-200: #ebb7ff;
--color-sweet-desire-300: #d391ff;
--color-sweet-desire-400: #bb6cff;
--color-sweet-desire-500: #a83dff;
--color-sweet-desire-600: #8e37e4;
--color-sweet-desire-700: #722cb8;
--color-sweet-desire-800: #521f8b;
--color-sweet-desire-900: #391563;
--color-sweet-desire-950: #240444;
}SCSS
$sweet-desire: #9e43fb;
$sweet-desire-rgb: 158, 67, 251;
$sweet-desire-light: mix(#fff, $sweet-desire, 20%);
$sweet-desire-dark: mix(#000, $sweet-desire, 20%);
.element {
color: $sweet-desire;
box-shadow: 0 0 0 2px rgba($sweet-desire, 0.35);
}