#623DAE#623DAE

#623DAE is a mid, vivid violet. Relative luminance 0.090; OKLCH L 46.6% C 0.171 H 293.8°. Best body text is #FFFFFF at 7.51:1 contrast (WCAG AA passes).

Color values

HEX	#623DAE
RGB	rgb(98, 61, 174)
HSL	hsl(260, 48%, 46%)
HSV	hsv(260, 65%, 68%)
CMYK	cmyk(43.7%, 64.9%, 0%, 31.8%)
CIE-LAB	lab(35.96, 42.22, -54.85)
CIE-LCH	lch(35.96, 69.21, 307.59°)
OKLab	oklab(46.62% 0.069 -0.1567)
OKLCH	oklch(46.62% 0.171 293.8)
XYZ	xyz(14.3437, 8.9898, 41.0157)
Luminance	0.0899 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Blue With A Hint Of Purple

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#623DAE #89AE3D

analogous

#3D50AE #623DAE #9A3DAE

triadic

#623DAE #AE623D #3DAE62

tetradic

#623DAE #AE3D50 #89AE3D #3DAE9A

square

#623DAE #AE3D50 #89AE3D #3DAE9A

split-complementary

#623DAE #AE9A3D #50AE3D

monochromatic

#2F1D53 #482D81 #623DAE #8261C8 #A68ED7

Accessibility & contrast

On white

7.51

#623DAE on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.80

#623DAE on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #623DAE

7.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##623DAE	#FFFFFF	#000000	##FFFFFF
##623DAE	1.00	7.51	2.80	7.51
#FFFFFF	7.51	1.00	21.00	1.00
#000000	2.80	21.00	1.00	21.00
##FFFFFF	7.51	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0056B2

Deuteranopia (green-blind)

#0053AC

Tritanopia (blue-blind)

#4D5770

Achromatopsia (no color)

#555555

Design tokens & code

CSS

--color: #623dae;
/* rgb */ color: rgb(98, 61, 174);
/* oklch */ color: oklch(46.6% 0.171 293.8);

Tailwind

colors: {
  custom: {
    50: '#9575c7',
    500: '#623dae',
    950: '#000000',
  },
}

SCSS

$custom: #623dae;
$custom-light: #9575c7;
$custom-dark: #000000;

JSON

{
  "hex": "#623dae",
  "rgb": {
    "r": 98,
    "g": 61,
    "b": 174
  },
  "hsl": {
    "h": 259.646,
    "s": 48.085,
    "l": 46.078
  },
  "oklch": {
    "l": 0.46619,
    "c": 0.17118,
    "h": 293.8
  },
  "luminance": 0.0899
}

Semantic roles & 50–950 ramp

primary

#623DAE

secondary

#AEC285

accent

#D850AB

background

#F9F7FC

surface

#F2EDF8

border

#CCC8D1

text

#0E0813

muted

#7E7B82

Preview Lab

Preview with #623DAE

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

Preview Lab → · Contrast checker → · Palette generator →