#6E43D9#6E43D9
#6E43D9 is a mid, highly saturated violet. Relative luminance 0.123; OKLCH L 52.1% C 0.215 H 290.0°. Best body text is #FFFFFF at 6.06:1 contrast (WCAG AA passes).
Color values
| HEX | #6E43D9 |
|---|---|
| RGB | rgb(110, 67, 217) |
| HSL | hsl(257, 66%, 56%) |
| HSV | hsv(257, 69%, 85%) |
| CMYK | cmyk(49.3%, 69.1%, 0%, 14.9%) |
| CIE-LAB | lab(41.75, 53.16, -70.47) |
| CIE-LCH | lch(41.75, 88.27, 307.03°) |
| OKLab | oklab(52.11% 0.0736 -0.2022) |
| OKLCH | oklch(52.11% 0.215 290) |
| XYZ | xyz(20.9584, 12.3382, 66.9094) |
| Luminance | 0.1234 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Bluish Purple
#703BE7
ΔE00 2.13
Purpleish Blue
#6140EF
ΔE00 3.15
Bluey Purple
#6241C7
ΔE00 3.18
Burple
#6832E3
ΔE00 3.46
Purpley Blue
#5F34E7
ΔE00 3.82
Blurple
#5539CC
ΔE00 4.88
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6E43D9 #AED943
analogous
#4363D9 #6E43D9 #B943D9
triadic
#6E43D9 #D96E43 #43D96E
tetradic
#6E43D9 #D94363 #AED943 #43D9B9
square
#6E43D9 #D94363 #AED943 #43D9B9
split-complementary
#6E43D9 #D9B943 #63D943
monochromatic
#3A1B86 #5025B9 #6E43D9 #9576E3 #BDA9EE
Accessibility & contrast
On white
6.06
#6E43D9 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.47
#6E43D9 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #6E43D9
6.06:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6E43D9 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6E43D9 | 1.00 | 6.06 | 3.47 | 6.06 |
| #FFFFFF | 6.06 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.06 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0065DD
Deuteranopia (green-blind)
#005FD6
Tritanopia (blue-blind)
#496989
Achromatopsia (no color)
#626262
Design tokens & code
CSS
--color: #6e43d9; /* rgb */ color: rgb(110, 67, 217); /* oklch */ color: oklch(52.1% 0.215 290.0);
Tailwind
colors: {
custom: {
50: '#a17ae6',
500: '#6e43d9',
950: '#000000',
},
}SCSS
$custom: #6e43d9; $custom-light: #a17ae6; $custom-dark: #000000;
JSON
{
"hex": "#6e43d9",
"rgb": {
"r": 110,
"g": 67,
"b": 217
},
"hsl": {
"h": 257.2,
"s": 66.372,
"l": 55.686
},
"oklch": {
"l": 0.52114,
"c": 0.21517,
"h": 290
},
"luminance": 0.12339
}Semantic roles & 50–950 ramp
primary
#6E43D9
secondary
#C9DB9D
accent
#E93FB8
background
#FAF7FE
surface
#F4EEFC
border
#CEC9D5
text
#100916
muted
#7F7B84