#7345F7#7345F7

#7345F7 is a mid, highly saturated violet. Relative luminance 0.146; OKLCH L 55.4% C 0.247 H 287.2°. Best body text is #FFFFFF at 5.35:1 contrast (WCAG AA passes).

Color values

HEX	#7345F7
RGB	rgb(115, 69, 247)
HSL	hsl(256, 92%, 62%)
HSV	hsv(256, 72%, 97%)
CMYK	cmyk(53.4%, 72.1%, 0%, 3.1%)
CIE-LAB	lab(45.10, 61.13, -81.95)
CIE-LCH	lch(45.10, 102.24, 306.72°)
OKLab	oklab(55.38% 0.0729 -0.2357)
OKLCH	oklch(55.38% 0.247 287.2)
XYZ	xyz(25.9819, 14.6151, 89.4296)
Luminance	0.1462 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#7345F7 #C9F745

analogous

#4570F7 #7345F7 #CC45F7

triadic

#7345F7 #F77345 #45F773

tetradic

#7345F7 #F74570 #C9F745 #45F7CC

square

#7345F7 #F74570 #C9F745 #45F7CC

split-complementary

#7345F7 #F7CC45 #70F745

monochromatic

#3608BA #470BF4 #7345F7 #9F80FA #CBBAFC

Accessibility & contrast

On white

5.35

#7345F7 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.92

#7345F7 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #7345F7

5.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##7345F7	#FFFFFF	#000000	##FFFFFF
##7345F7	1.00	5.35	3.92	5.35
#FFFFFF	5.35	1.00	21.00	1.00
#000000	3.92	21.00	1.00	21.00
##FFFFFF	5.35	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#006FFC

Deuteranopia (green-blind)

#0066F4

Tritanopia (blue-blind)

#3B759A

Achromatopsia (no color)

#6B6B6B

Design tokens & code

CSS

--color: #7345f7;
/* rgb */ color: rgb(115, 69, 247);
/* oklch */ color: oklch(55.4% 0.247 287.2);

Tailwind

colors: {
  custom: {
    50: '#a77dfb',
    500: '#7345f7',
    950: '#000000',
  },
}

SCSS

$custom: #7345f7;
$custom-light: #a77dfb;
$custom-dark: #000000;

JSON

{
  "hex": "#7345f7",
  "rgb": {
    "r": 115,
    "g": 69,
    "b": 247
  },
  "hsl": {
    "h": 255.506,
    "s": 91.753,
    "l": 61.961
  },
  "oklch": {
    "l": 0.55382,
    "c": 0.24672,
    "h": 287.2
  },
  "luminance": 0.14616
}

Semantic roles & 50–950 ramp

primary

#7345F7

secondary

#DCEDAB

accent

#E600AA

background

#FBF7FF

surface

#F6EEFF

border

#D0C9D7

text

#110A18

muted

#807C86

Preview Lab

Preview with #7345F7

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →