#7348C8#7348C8
#7348C8 is a mid, vivid violet. Relative luminance 0.124; OKLCH L 51.9% C 0.189 H 294.3°. Best body text is #FFFFFF at 6.02:1 contrast (WCAG AA passes).
Color values
| HEX | #7348C8 |
|---|---|
| RGB | rgb(115, 72, 200) |
| HSL | hsl(260, 54%, 53%) |
| HSV | hsv(260, 64%, 78%) |
| CMYK | cmyk(42.5%, 64%, 0%, 21.6%) |
| CIE-LAB | lab(41.92, 46.79, -60.37) |
| CIE-LCH | lch(41.92, 76.38, 307.78°) |
| OKLab | oklab(51.95% 0.0779 -0.1723) |
| OKLCH | oklch(51.95% 0.189 294.3) |
| XYZ | xyz(19.8101, 12.4492, 55.9916) |
| Luminance | 0.1245 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Bluey Purple
#6241C7
ΔE00 3.39
Bluish Purple
#703BE7
ΔE00 4.63
Light Indigo
#6D5ACF
ΔE00 5.35
Slate Blue
#6A5ACD
ΔE00 5.50
Burple
#6832E3
ΔE00 5.64
Iris
#6258C4
ΔE00 5.75
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7348C8 #9DC848
analogous
#485DC8 #7348C8 #B348C8
triadic
#7348C8 #C87348 #48C873
tetradic
#7348C8 #C8485D #9DC848 #48C8B3
square
#7348C8 #C8485D #9DC848 #48C8B3
split-complementary
#7348C8 #C8B348 #5DC848
monochromatic
#3E2373 #5731A2 #7348C8 #9777D6 #BBA6E4
Accessibility & contrast
On white
6.02
#7348C8 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.49
#7348C8 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #7348C8
6.02:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7348C8 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7348C8 | 1.00 | 6.02 | 3.49 | 6.02 |
| #FFFFFF | 6.02 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.49 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.02 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0064CC
Deuteranopia (green-blind)
#0061C5
Tritanopia (blue-blind)
#5C6681
Achromatopsia (no color)
#636363
Design tokens & code
CSS
--color: #7348c8; /* rgb */ color: rgb(115, 72, 200); /* oklch */ color: oklch(51.9% 0.189 294.3);
Tailwind
colors: {
custom: {
50: '#a17dda',
500: '#7348c8',
950: '#000000',
},
}SCSS
$custom: #7348c8; $custom-light: #a17dda; $custom-dark: #000000;
JSON
{
"hex": "#7348c8",
"rgb": {
"r": 115,
"g": 72,
"b": 200
},
"hsl": {
"h": 260.156,
"s": 53.782,
"l": 53.333
},
"oklch": {
"l": 0.5195,
"c": 0.18912,
"h": 294.3
},
"luminance": 0.1245
}Semantic roles & 50–950 ramp
primary
#7348C8
secondary
#BFD19A
accent
#DD4BAC
background
#FAF7FD
surface
#F4EEFB
border
#CEC9D4
text
#100A15
muted
#7F7C83