#897DBA#897DBA

#897DBA is a light, moderate violet. Relative luminance 0.235; OKLCH L 62.4% C 0.091 H 292.6°. Best body text is #000000 at 5.71:1 contrast (WCAG AA passes).

Color values

HEX	#897DBA
RGB	rgb(137, 125, 186)
HSL	hsl(252, 31%, 61%)
HSV	hsv(252, 33%, 73%)
CMYK	cmyk(26.3%, 32.8%, 0%, 27.1%)
CIE-LAB	lab(55.61, 18.00, -30.40)
CIE-LCH	lch(55.61, 35.33, 300.63°)
OKLab	oklab(62.43% 0.0351 -0.0843)
OKLCH	oklch(62.43% 0.091 292.6)
XYZ	xyz(26.5109, 23.5304, 49.5899)
Luminance	0.2353 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#897DBA #AEBA7D

analogous

#7D8FBA #897DBA #A77DBA

triadic

#897DBA #BA897D #7DBA89

tetradic

#897DBA #BA7D8F #AEBA7D #7DBAA7

square

#897DBA #BA7D8F #AEBA7D #7DBAA7

split-complementary

#897DBA #BAA77D #8FBA7D

monochromatic

#4D417B #6657A3 #897DBA #ADA5CF #D2CDE4

Accessibility & contrast

On white

3.68

#897DBA on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.71

#897DBA on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #897DBA

5.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##897DBA	#FFFFFF	#000000	##000000
##897DBA	1.00	3.68	5.71	5.71
#FFFFFF	3.68	1.00	21.00	21.00
#000000	5.71	21.00	1.00	1.00
##000000	5.71	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#6D86BC

Deuteranopia (green-blind)

#6E84B8

Tritanopia (blue-blind)

#7F8793

Achromatopsia (no color)

#858585

Design tokens & code

CSS

--color: #897dba;
/* rgb */ color: rgb(137, 125, 186);
/* oklch */ color: oklch(62.4% 0.091 292.6);

Tailwind

colors: {
  custom: {
    50: '#aca2cf',
    500: '#897dba',
    950: '#000000',
  },
}

SCSS

$custom: #897dba;
$custom-light: #aca2cf;
$custom-dark: #000000;

JSON

{
  "hex": "#897dba",
  "rgb": {
    "r": 137,
    "g": 125,
    "b": 186
  },
  "hsl": {
    "h": 251.803,
    "s": 30.653,
    "l": 60.98
  },
  "oklch": {
    "l": 0.62434,
    "c": 0.09133,
    "h": 292.6
  },
  "luminance": 0.23531
}

Semantic roles & 50–950 ramp

primary

#897DBA

secondary

#D0D5BE

accent

#A93C94

background

#FAFAFC

surface

#F4F3F9

border

#CECDD2

text

#100F13

muted

#7F7F82

Preview Lab

Preview with #897DBA

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

Preview Lab → · Contrast checker → · Palette generator →