#614D81#614D81

#614D81 is a mid, moderate violet. Relative luminance 0.094; OKLCH L 46.3% C 0.085 H 300.8°. Best body text is #FFFFFF at 7.27:1 contrast (WCAG AA passes).

Color values

HEX	#614D81
RGB	rgb(97, 77, 129)
HSL	hsl(263, 25%, 40%)
HSV	hsv(263, 40%, 51%)
CMYK	cmyk(24.8%, 40.3%, 0%, 49.4%)
CIE-LAB	lab(36.81, 20.01, -26.27)
CIE-LCH	lch(36.81, 33.02, 307.29°)
OKLab	oklab(46.32% 0.0437 -0.0731)
OKLCH	oklch(46.32% 0.085 300.8)
XYZ	xyz(11.5452, 9.4341, 21.9773)
Luminance	0.0943 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#614D81 #6D814D

analogous

#4D5381 #614D81 #7B4D81

triadic

#614D81 #81614D #4D8161

tetradic

#614D81 #814D53 #6D814D #4D817B

square

#614D81 #814D53 #6D814D #4D817B

split-complementary

#614D81 #817B4D #53814D

monochromatic

#271F34 #44365B #614D81 #7F67A4 #9F8DBB

Accessibility & contrast

On white

7.27

#614D81 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.89

#614D81 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #614D81

7.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##614D81	#FFFFFF	#000000	##FFFFFF
##614D81	1.00	7.27	2.89	7.27
#FFFFFF	7.27	1.00	21.00	1.00
#000000	2.89	21.00	1.00	21.00
##FFFFFF	7.27	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#405683

Deuteranopia (green-blind)

#445680

Tritanopia (blue-blind)

#5B5661

Achromatopsia (no color)

#575757

Design tokens & code

CSS

--color: #614d81;
/* rgb */ color: rgb(97, 77, 129);
/* oklch */ color: oklch(46.3% 0.085 300.8);

Tailwind

colors: {
  custom: {
    50: '#8f7fa6',
    500: '#614d81',
    950: '#000000',
  },
}

SCSS

$custom: #614d81;
$custom-light: #8f7fa6;
$custom-dark: #000000;

JSON

{
  "hex": "#614d81",
  "rgb": {
    "r": 97,
    "g": 77,
    "b": 129
  },
  "hsl": {
    "h": 263.077,
    "s": 25.243,
    "l": 40.392
  },
  "oklch": {
    "l": 0.46321,
    "c": 0.08515,
    "h": 300.8
  },
  "luminance": 0.09434
}

Semantic roles & 50–950 ramp

primary

#614D81

secondary

#99A882

accent

#C2669E

background

#F8F7FA

surface

#F0EEF4

border

#CBC9CE

text

#0C0A0F

muted

#7D7C7F

Preview Lab

Preview with #614D81

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

Preview Lab → · Contrast checker → · Palette generator →