#623487#623487

#623487 is a dark, vivid violet. Relative luminance 0.068; OKLCH L 42.4% C 0.137 H 307.1°. Best body text is #FFFFFF at 8.90:1 contrast (WCAG AA passes).

Color values

HEX	#623487
RGB	rgb(98, 52, 135)
HSL	hsl(273, 44%, 37%)
HSV	hsv(273, 61%, 53%)
CMYK	cmyk(27.4%, 61.5%, 0%, 47.1%)
CIE-LAB	lab(31.35, 36.85, -38.61)
CIE-LCH	lch(31.35, 53.38, 313.66°)
OKLab	oklab(42.4% 0.0823 -0.1089)
OKLCH	oklch(42.4% 0.137 307.1)
XYZ	xyz(10.6373, 6.8020, 23.6695)
Luminance	0.0680 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#623487 #598734

analogous

#393487 #623487 #873483

triadic

#623487 #876234 #348762

tetradic

#623487 #873934 #598734 #348387

square

#623487 #873934 #598734 #348387

split-complementary

#623487 #838734 #348739

monochromatic

#22122F #42235B #623487 #8245B3 #A06EC7

Accessibility & contrast

On white

8.90

#623487 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.36

#623487 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #623487

8.90:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##623487	#FFFFFF	#000000	##FFFFFF
##623487	1.00	8.90	2.36	8.90
#FFFFFF	8.90	1.00	21.00	1.00
#000000	2.36	21.00	1.00	21.00
##FFFFFF	8.90	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#10488A

Deuteranopia (green-blind)

#264A85

Tritanopia (blue-blind)

#5C4458

Achromatopsia (no color)

#4A4A4A

Design tokens & code

CSS

--color: #623487;
/* rgb */ color: rgb(98, 52, 135);
/* oklch */ color: oklch(42.4% 0.137 307.1);

Tailwind

colors: {
  custom: {
    50: '#916eaa',
    500: '#623487',
    950: '#000000',
  },
}

SCSS

$custom: #623487;
$custom-light: #916eaa;
$custom-dark: #000000;

JSON

{
  "hex": "#623487",
  "rgb": {
    "r": 98,
    "g": 52,
    "b": 135
  },
  "hsl": {
    "h": 273.253,
    "s": 44.385,
    "l": 36.667
  },
  "oklch": {
    "l": 0.42397,
    "c": 0.13655,
    "h": 307.1
  },
  "luminance": 0.06802
}

Semantic roles & 50–950 ramp

primary

#623487

secondary

#88AF67

accent

#D4548D

background

#F9F6FA

surface

#F1ECF4

border

#CBC7CE

text

#0D0710

muted

#7E7A7F

Preview Lab

Preview with #623487

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

Preview Lab → · Contrast checker → · Palette generator →