Nearest named color · #933BE6
#933BE6
Nearest named color: Sweet Desire
#933BE6 (rgb(147 59 230), hsl(271 77% 57%), oklch(0.562 0.241 302.5)) is closest to the named color Sweet Desire. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#933BE6
oklch(0.562 0.241 302.5)
Color conversions
- HEX
- #933be6
- RGB
- rgb(147 59 230)
- HSL
- hsl(271 77% 57%)
- HWB
- hwb(271 23% 10%)
- OKLCH
- oklch(0.562 0.241 302.5)
- OKLab
- oklab(0.562 0.13 -0.203)
- CIE Lab
- lab(44.83 59.67 -72.26)
- LCH
- lch(44.83 93.72 309.5)
- CMYK
- cmyk(36% 74% 0% 10%)
Tints · Shades · Tones
Tints
- 9D55EA
- A76BEE
- B17FF2
- BC92F5
- C7A5F8
- D2B7FA
- DDC9FC
- E8DBFD
- F3EDFE
Shades
- 7F32C8
- 6C29AB
- 59218E
- 471973
- 361159
- 250940
- 160428
- 080113
- 010003
Tones
- 9147DC
- 8F51D3
- 8D5AC9
- 8B61BF
- 8967B5
- 876DAB
- 8573A1
- 837796
- 827C8B
Color harmonies
Complementary +180°
- 933BE6
Sweet Desire
- 678100
≈ Jungle Vibes
Analogous -30° +30°
- 933BE6
Sweet Desire
- 4D59FF
≈ Shady Neon Blue
- BF18B0
≈ Punk Rock Purple
Triadic +120° +240°
- 933BE6
Sweet Desire
- A96100
≈ Raw Umber
- 00887A
≈ Mystic Turquoise
Split-complementary +150° +210°
- 933BE6
Sweet Desire
- 8D7200
≈ Vermin Brown
- 008C48
≈ Grass Court
Tetradic +90° +180° +270°
- 933BE6
Sweet Desire
- D42800
≈ Dazzling Red
- 678100
≈ Jungle Vibes
- 008497
≈ Cruising
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--sweet-desire: #933be6;
--sweet-desire-rgb: 147 59 230;
--sweet-desire-oklch: oklch(0.562 0.241 302.5);
}
.element {
color: var(--sweet-desire);
background-color: hsl(271 77% 57%);
border-color: oklch(0.562 0.241 302.5);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #933be6;
--color-sweet-desire-50: #ffe4ff;
--color-sweet-desire-100: #fad4ff;
--color-sweet-desire-200: #ecb9ff;
--color-sweet-desire-300: #d493ff;
--color-sweet-desire-400: #bc70ff;
--color-sweet-desire-500: #a845ff;
--color-sweet-desire-600: #8e3ddc;
--color-sweet-desire-700: #7231b1;
--color-sweet-desire-800: #522387;
--color-sweet-desire-900: #39175f;
--color-sweet-desire-950: #240641;
}SCSS
$sweet-desire: #933be6;
$sweet-desire-rgb: 147, 59, 230;
$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);
}