#724CEF#724CEF
#724CEF is a mid, highly saturated violet. Relative luminance 0.150; OKLCH L 55.5% C 0.230 H 287.0°. Best body text is #FFFFFF at 5.26:1 contrast (WCAG AA passes).
Color values
| HEX | #724CEF |
|---|---|
| RGB | rgb(114, 76, 239) |
| HSL | hsl(254, 84%, 62%) |
| HSV | hsv(254, 68%, 94%) |
| CMYK | cmyk(52.3%, 68.2%, 0%, 6.3%) |
| CIE-LAB | lab(45.60, 55.25, -76.64) |
| CIE-LCH | lch(45.60, 94.48, 305.79°) |
| OKLab | oklab(55.51% 0.0674 -0.2202) |
| OKLCH | oklch(55.51% 0.23 287) |
| XYZ | xyz(25.0992, 14.9770, 83.2129) |
| Luminance | 0.1498 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Purpleish Blue
#6140EF
ΔE00 3.72
Bluish Purple
#703BE7
ΔE00 4.07
Purpley
#8756E4
ΔE00 4.51
Light Indigo
#6D5ACF
ΔE00 5.37
Slate Blue
#6A5ACD
ΔE00 5.72
Purpley Blue
#5F34E7
ΔE00 6.26
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#724CEF #C9EF4C
analogous
#4C78EF #724CEF #C44CEF
triadic
#724CEF #EF724C #4CEF72
tetradic
#724CEF #EF4C78 #C9EF4C #4CEFC4
square
#724CEF #EF4C78 #C9EF4C #4CEFC4
split-complementary
#724CEF #EFC44C #78EF4C
monochromatic
#3510B1 #4615E9 #724CEF #9E84F4 #CBBCF9
Accessibility & contrast
On white
5.26
#724CEF on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.00
#724CEF on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #724CEF
5.26:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##724CEF | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##724CEF | 1.00 | 5.26 | 4.00 | 5.26 |
| #FFFFFF | 5.26 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.00 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.26 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0070F4
Deuteranopia (green-blind)
#0067EC
Tritanopia (blue-blind)
#407698
Achromatopsia (no color)
#6C6C6C
Design tokens & code
CSS
--color: #724cef; /* rgb */ color: rgb(114, 76, 239); /* oklch */ color: oklch(55.5% 0.230 287.0);
Tailwind
colors: {
custom: {
50: '#a581f5',
500: '#724cef',
950: '#000000',
},
}SCSS
$custom: #724cef; $custom-light: #a581f5; $custom-dark: #000000;
JSON
{
"hex": "#724cef",
"rgb": {
"r": 114,
"g": 76,
"b": 239
},
"hsl": {
"h": 253.988,
"s": 83.59,
"l": 61.765
},
"oklch": {
"l": 0.55511,
"c": 0.2303,
"h": 287
},
"luminance": 0.14978
}Semantic roles & 50–950 ramp
primary
#724CEF
secondary
#DCEAAD
accent
#E005AD
background
#FAF8FF
surface
#F4EFFF
border
#CECAD7
text
#110A17
muted
#807C85