#6F4CE7#6F4CE7
#6F4CE7 is a mid, highly saturated violet. Relative luminance 0.143; OKLCH L 54.6% C 0.221 H 287.0°. Best body text is #FFFFFF at 5.44:1 contrast (WCAG AA passes).
Color values
| HEX | #6F4CE7 |
|---|---|
| RGB | rgb(111, 76, 231) |
| HSL | hsl(254, 76%, 60%) |
| HSV | hsv(254, 67%, 91%) |
| CMYK | cmyk(51.9%, 67.1%, 0%, 9.4%) |
| CIE-LAB | lab(44.68, 52.52, -73.64) |
| CIE-LCH | lch(44.68, 90.45, 305.49°) |
| OKLab | oklab(54.59% 0.0646 -0.2115) |
| OKLCH | oklch(54.59% 0.221 287) |
| XYZ | xyz(23.5595, 14.3167, 77.1078) |
| Luminance | 0.1432 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Purpleish Blue
#6140EF
ΔE00 3.32
Bluish Purple
#703BE7
ΔE00 3.66
Light Indigo
#6D5ACF
ΔE00 4.72
Purpley
#8756E4
ΔE00 4.89
Slate Blue
#6A5ACD
ΔE00 5.02
Purpley Blue
#5F34E7
ΔE00 5.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6F4CE7 #C4E74C
analogous
#4C77E7 #6F4CE7 #BC4CE7
triadic
#6F4CE7 #E76F4C #4CE76F
tetradic
#6F4CE7 #E74C77 #C4E74C #4CE7BC
square
#6F4CE7 #E74C77 #C4E74C #4CE7BC
split-complementary
#6F4CE7 #E7BC4C #77E74C
monochromatic
#3616A3 #471DD9 #6F4CE7 #9A82EE #C6B8F5
Accessibility & contrast
On white
5.44
#6F4CE7 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.86
#6F4CE7 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #6F4CE7
5.44:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6F4CE7 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6F4CE7 | 1.00 | 5.44 | 3.86 | 5.44 |
| #FFFFFF | 5.44 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.86 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.44 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#006DEC
Deuteranopia (green-blind)
#0065E4
Tritanopia (blue-blind)
#407393
Achromatopsia (no color)
#6A6A6A
Design tokens & code
CSS
--color: #6f4ce7; /* rgb */ color: rgb(111, 76, 231); /* oklch */ color: oklch(54.6% 0.221 287.0);
Tailwind
colors: {
custom: {
50: '#a380f0',
500: '#6f4ce7',
950: '#000000',
},
}SCSS
$custom: #6f4ce7; $custom-light: #a380f0; $custom-dark: #000000;
JSON
{
"hex": "#6f4ce7",
"rgb": {
"r": 111,
"g": 76,
"b": 231
},
"hsl": {
"h": 253.548,
"s": 76.355,
"l": 60.196
},
"oklch": {
"l": 0.54587,
"c": 0.22114,
"h": 287
},
"luminance": 0.14318
}Semantic roles & 50–950 ramp
primary
#6F4CE7
secondary
#D8E5AA
accent
#D90DAB
background
#FAF8FE
surface
#F4EFFD
border
#CECAD5
text
#100A17
muted
#7F7C85