#997EBD

#997EBD

Color Values

HEX

#997EBD

RGB

153, 126, 189

HSL

265.7, 32.3%, 61.8%

HSV

265.7, 33.3%, 74.1%

CMYK

19.0%, 33.3%, 0.0%, 25.9%

OKLCH

0.6421 0.0965 303.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#997EBD

#A2BD7E

Analogous

#7E83BD

#B97EBD

#997EBD

Triadic

#997EBD

#BD997E

#7EBD99

Split Complementary

#997EBD

#BDB97E

#83BD7E

Tetradic

#997EBD

#BD7E83

#A2BD7E

#7EBDB9

Color Blindness Simulation

Original

#997EBD

Protanopia

#8D8DAE

Deuteranopia

#8F91AA

Tritanopia

#98A29F

Achromatopsia

#888888

CSS Usage

background-color: #997EBD;
color: #997EBD;
border-color: #997EBD;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#DAD0E7
300
#BFAED6
400
#9C82BF
500
#7A56A9
600
#614587
700
#4E376C
800
#3D2B54
900
#2E223F
950
#1D1627

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.07:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026