Nearest named color · #944BEE
#944BEE
Nearest named color: Sweet Desire
#944BEE (rgb(148 75 238), hsl(267 83% 61%), oklch(0.586 0.232 299.7)) is closest to the named color Sweet Desire. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#944BEE
oklch(0.586 0.232 299.7)
Color conversions
- HEX
- #944bee
- RGB
- rgb(148 75 238)
- HSL
- hsl(267 83% 61%)
- HWB
- hwb(267 29% 7%)
- OKLCH
- oklch(0.586 0.232 299.7)
- OKLab
- oklab(0.586 0.115 -0.201)
- CIE Lab
- lab(48.03 54.55 -71.58)
- LCH
- lch(48.03 90 307.3)
- CMYK
- cmyk(38% 68% 0% 7%)
Tints · Shades · Tones
Tints
- 9E61F1
- A775F4
- B187F7
- BC99F9
- C7ABFB
- D1BCFD
- DDCDFE
- E8DDFF
- F3EEFF
Shades
- 8040CF
- 6D35B1
- 5A2B93
- 482177
- 36175C
- 260E42
- 16062A
- 080214
- 010003
Tones
- 9254E3
- 8F5CD9
- 8D62CE
- 8B68C4
- 896DB9
- 8772AE
- 8576A3
- 837A98
- 827D8C
Color harmonies
Complementary +180°
- 944BEE
Sweet Desire
- 738700
≈ Swamp Green
Analogous -30° +30°
- 944BEE
Sweet Desire
- 4B68FF
≈ Blue Titmouse
- C130BC
≈ Fuchsia Flair
Triadic +120° +240°
- 944BEE
Sweet Desire
- B66400
≈ Umber
- 00907E
≈ Philips Green
Split-complementary +150° +210°
- 944BEE
Sweet Desire
- 987800
≈ Mesozoic Green
- 009542
≈ Pixelated Grass
Tetradic +90° +180° +270°
- 944BEE
Sweet Desire
- E6180B
≈ Level !
- 738700
≈ Swamp Green
- 008C9D
≈ 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 {
--sweet-desire: #944bee;
--sweet-desire-rgb: 148 75 238;
--sweet-desire-oklch: oklch(0.586 0.232 299.7);
}
.element {
color: var(--sweet-desire);
background-color: hsl(267 83% 61%);
border-color: oklch(0.586 0.232 299.7);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #944bee;
--color-sweet-desire-50: #ffe6ff;
--color-sweet-desire-100: #f6d6ff;
--color-sweet-desire-200: #e6bcff;
--color-sweet-desire-300: #ce97ff;
--color-sweet-desire-400: #b575ff;
--color-sweet-desire-500: #a14dff;
--color-sweet-desire-600: #8843dc;
--color-sweet-desire-700: #6d36b1;
--color-sweet-desire-800: #4e2786;
--color-sweet-desire-900: #361a5f;
--color-sweet-desire-950: #220941;
}SCSS
$sweet-desire: #944bee;
$sweet-desire-rgb: 148, 75, 238;
$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);
}