#734EF7#734EF7

#734EF7 is a mid, highly saturated violet. Relative luminance 0.158; OKLCH L 56.5% C 0.237 H 286.1°. Best body text is #FFFFFF at 5.05:1 contrast (WCAG AA passes).

Color values

HEX	#734EF7
RGB	rgb(115, 78, 247)
HSL	hsl(253, 91%, 64%)
HSV	hsv(253, 68%, 97%)
CMYK	cmyk(53.4%, 68.4%, 0%, 3.1%)
CIE-LAB	lab(46.72, 56.61, -79.30)
CIE-LCH	lch(46.72, 97.43, 305.52°)
OKLab	oklab(56.53% 0.0657 -0.228)
OKLCH	oklch(56.53% 0.237 286.1)
XYZ	xyz(26.5781, 15.8076, 89.6283)
Luminance	0.1581 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#734EF7 #D2F74E

analogous

#4E7DF7 #734EF7 #C74EF7

triadic

#734EF7 #F7734E #4EF773

tetradic

#734EF7 #F74E7D #D2F74E #4EF7C7

square

#734EF7 #F74E7D #D2F74E #4EF7C7

split-complementary

#734EF7 #F7C74E #7DF74E

monochromatic

#3109C2 #4513F4 #734EF7 #A189FA #D0C3FC

Accessibility & contrast

On white

5.05

#734EF7 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.16

#734EF7 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #734EF7

5.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##734EF7	#FFFFFF	#000000	##FFFFFF
##734EF7	1.00	5.05	4.16	5.05
#FFFFFF	5.05	1.00	21.00	1.00
#000000	4.16	21.00	1.00	21.00
##FFFFFF	5.05	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0073FC

Deuteranopia (green-blind)

#006AF4

Tritanopia (blue-blind)

#3B7A9D

Achromatopsia (no color)

#6F6F6F

Design tokens & code

CSS

--color: #734ef7;
/* rgb */ color: rgb(115, 78, 247);
/* oklch */ color: oklch(56.5% 0.237 286.1);

Tailwind

colors: {
  custom: {
    50: '#a782fb',
    500: '#734ef7',
    950: '#000000',
  },
}

SCSS

$custom: #734ef7;
$custom-light: #a782fb;
$custom-dark: #000000;

JSON

{
  "hex": "#734ef7",
  "rgb": {
    "r": 115,
    "g": 78,
    "b": 247
  },
  "hsl": {
    "h": 253.136,
    "s": 91.351,
    "l": 63.725
  },
  "oklch": {
    "l": 0.56533,
    "c": 0.23726,
    "h": 286.1
  },
  "luminance": 0.15809
}

Semantic roles & 50–950 ramp

primary

#734EF7

secondary

#E1EEB3

accent

#E600B3

background

#FBF8FF

surface

#F6EFFF

border

#D0CAD7

text

#110B18

muted

#807C86

Preview Lab

Preview with #734EF7

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

Preview Lab → · Contrast checker → · Palette generator →