#6935B2#6935B2
#6935B2 is a mid, vivid violet. Relative luminance 0.088; OKLCH L 46.6% C 0.187 H 297.7°. Best body text is #FFFFFF at 7.63:1 contrast (WCAG AA passes).
Color values
| HEX | #6935B2 |
|---|---|
| RGB | rgb(105, 53, 178) |
| HSL | hsl(265, 54%, 45%) |
| HSV | hsv(265, 70%, 70%) |
| CMYK | cmyk(41%, 70.2%, 0%, 30.2%) |
| CIE-LAB | lab(35.53, 48.90, -57.90) |
| CIE-LCH | lch(35.53, 75.79, 310.18°) |
| OKLab | oklab(46.58% 0.0868 -0.1654) |
| OKLCH | oklch(46.58% 0.187 297.7) |
| XYZ | xyz(15.1326, 8.7636, 43.0051) |
| Luminance | 0.0876 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Rebeccapurple
#663399
ΔE00 4.03
Bluey Purple
#6241C7
ΔE00 4.54
Blue With A Hint Of Purple
#533CC6
ΔE00 5.12
Blurple
#5539CC
ΔE00 5.16
Purple Blue
#5D21D0
ΔE00 5.39
Ocean Blue
#4F42B5
ΔE00 5.83
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6935B2 #7EB235
analogous
#353FB2 #6935B2 #A735B2
triadic
#6935B2 #B26935 #35B269
tetradic
#6935B2 #B2353F #7EB235 #35B2A7
square
#6935B2 #B2353F #7EB235 #35B2A7
split-complementary
#6935B2 #B2A735 #3FB235
monochromatic
#311954 #4D2783 #6935B2 #8857CD #AA86DB
Accessibility & contrast
On white
7.63
#6935B2 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.75
#6935B2 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #6935B2
7.63:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6935B2 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6935B2 | 1.00 | 7.63 | 2.75 | 7.63 |
| #FFFFFF | 7.63 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.75 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.63 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0054B6
Deuteranopia (green-blind)
#0052AF
Tritanopia (blue-blind)
#575470
Achromatopsia (no color)
#545454
Design tokens & code
CSS
--color: #6935b2; /* rgb */ color: rgb(105, 53, 178); /* oklch */ color: oklch(46.6% 0.187 297.7);
Tailwind
colors: {
custom: {
50: '#9a70ca',
500: '#6935b2',
950: '#000000',
},
}SCSS
$custom: #6935b2; $custom-light: #9a70ca; $custom-dark: #000000;
JSON
{
"hex": "#6935b2",
"rgb": {
"r": 105,
"g": 53,
"b": 178
},
"hsl": {
"h": 264.96,
"s": 54.113,
"l": 45.294
},
"oklch": {
"l": 0.46581,
"c": 0.18678,
"h": 297.7
},
"luminance": 0.08764
}Semantic roles & 50–950 ramp
primary
#6935B2
secondary
#A7C57E
accent
#DD4AA0
background
#F9F7FC
surface
#F2EDF8
border
#CCC8D1
text
#0F0813
muted
#7E7B82