#9666EF#9666EF
#9666EF is a light, vivid violet. Relative luminance 0.222; OKLCH L 62.6% C 0.198 H 296.4°. Best body text is #000000 at 5.44:1 contrast (WCAG AA passes).
Color values
| HEX | #9666EF |
|---|---|
| RGB | rgb(150, 102, 239) |
| HSL | hsl(261, 81%, 67%) |
| HSV | hsv(261, 57%, 94%) |
| CMYK | cmyk(37.2%, 57.3%, 0%, 6.3%) |
| CIE-LAB | lab(54.26, 48.25, -62.44) |
| CIE-LCH | lch(54.26, 78.91, 307.69°) |
| OKLab | oklab(62.61% 0.088 -0.1774) |
| OKLCH | oklch(62.61% 0.198 296.4) |
| XYZ | xyz(32.9050, 22.2182, 84.1995) |
| Luminance | 0.2222 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Lighter Purple
#A55AF4
ΔE00 3.57
Mediumpurple
#9370DB
ΔE00 4.00
Mediumslateblue
#7B68EE
ΔE00 4.95
Purpley
#8756E4
ΔE00 5.51
Lightish Purple
#A552E6
ΔE00 5.51
Light Urple
#B36FF6
ΔE00 5.86
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#9666EF #BFEF66
analogous
#667BEF #9666EF #DB66EF
triadic
#9666EF #EF9666 #66EF96
tetradic
#9666EF #EF667B #BFEF66 #66EFDB
square
#9666EF #EF667B #BFEF66 #66EFDB
split-complementary
#9666EF #EFDB66 #7BEF66
monochromatic
#5315C6 #702FE9 #9666EF #BC9DF5 #E2D5FB
Accessibility & contrast
On white
3.86
#9666EF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.44
#9666EF on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #9666EF
5.44:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##9666EF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9666EF | 1.00 | 3.86 | 5.44 | 5.44 |
| #FFFFFF | 3.86 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.44 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#1982F4
Deuteranopia (green-blind)
#3080EC
Tritanopia (blue-blind)
#8183A1
Achromatopsia (no color)
#828282
Design tokens & code
CSS
--color: #9666ef; /* rgb */ color: rgb(150, 102, 239); /* oklch */ color: oklch(62.6% 0.198 296.4);
Tailwind
colors: {
custom: {
50: '#ba93f5',
500: '#9666ef',
950: '#000000',
},
}SCSS
$custom: #9666ef; $custom-light: #ba93f5; $custom-dark: #000000;
JSON
{
"hex": "#9666ef",
"rgb": {
"r": 150,
"g": 102,
"b": 239
},
"hsl": {
"h": 261.022,
"s": 81.065,
"l": 66.863
},
"oklch": {
"l": 0.62605,
"c": 0.19799,
"h": 296.4
},
"luminance": 0.22219
}Semantic roles & 50–950 ramp
primary
#9666EF
secondary
#DFEEC2
accent
#DD0893
background
#FBF9FF
surface
#F7F1FE
border
#D0CBD6
text
#120D17
muted
#817E85