#7B3DCD#7B3DCD
#7B3DCD is a mid, highly saturated violet. Relative luminance 0.120; OKLCH L 51.7% C 0.209 H 298.4°. Best body text is #FFFFFF at 6.19:1 contrast (WCAG AA passes).
Color values
| HEX | #7B3DCD |
|---|---|
| RGB | rgb(123, 61, 205) |
| HSL | hsl(266, 59%, 52%) |
| HSV | hsv(266, 70%, 80%) |
| CMYK | cmyk(40%, 70.2%, 0%, 19.6%) |
| CIE-LAB | lab(41.15, 55.25, -64.48) |
| CIE-LCH | lch(41.15, 84.92, 310.59°) |
| OKLab | oklab(51.71% 0.0996 -0.1841) |
| OKLCH | oklch(51.71% 0.209 298.4) |
| XYZ | xyz(20.8538, 11.9559, 58.9548) |
| Luminance | 0.1196 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Blueviolet
#8A2BE2
ΔE00 3.78
Bluish Purple
#703BE7
ΔE00 3.89
Bluey Purple
#6241C7
ΔE00 4.27
Burple
#6832E3
ΔE00 4.53
Darkorchid
#9932CC
ΔE00 5.33
Purpley Blue
#5F34E7
ΔE00 5.53
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7B3DCD #8FCD3D
analogous
#3D47CD #7B3DCD #C33DCD
triadic
#7B3DCD #CD7B3D #3DCD7B
tetradic
#7B3DCD #CD3D47 #8FCD3D #3DCDC3
square
#7B3DCD #CD3D47 #8FCD3D #3DCDC3
split-complementary
#7B3DCD #CDC33D #47CD3D
monochromatic
#421D72 #5E2AA3 #7B3DCD #9C6EDA #BD9EE6
Accessibility & contrast
On white
6.19
#7B3DCD on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.39
#7B3DCD on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #7B3DCD
6.19:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7B3DCD | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7B3DCD | 1.00 | 6.19 | 3.39 | 6.19 |
| #FFFFFF | 6.19 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.39 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.19 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0061D1
Deuteranopia (green-blind)
#0060CA
Tritanopia (blue-blind)
#676081
Achromatopsia (no color)
#616161
Design tokens & code
CSS
--color: #7b3dcd; /* rgb */ color: rgb(123, 61, 205); /* oklch */ color: oklch(51.7% 0.209 298.4);
Tailwind
colors: {
custom: {
50: '#a877dd',
500: '#7b3dcd',
950: '#000000',
},
}SCSS
$custom: #7b3dcd; $custom-light: #a877dd; $custom-dark: #000000;
JSON
{
"hex": "#7b3dcd",
"rgb": {
"r": 123,
"g": 61,
"b": 205
},
"hsl": {
"h": 265.833,
"s": 59.016,
"l": 52.157
},
"oklch": {
"l": 0.51714,
"c": 0.20935,
"h": 298.4
},
"luminance": 0.11956
}Semantic roles & 50–950 ramp
primary
#7B3DCD
secondary
#B7D293
accent
#E2469F
background
#FAF7FD
surface
#F4EDFB
border
#CEC8D4
text
#100915
muted
#7F7B83