#997BC8

#997BC8

Color Values

HEX

#997BC8

RGB

153, 123, 200

HSL

263.4, 41.2%, 63.3%

HSV

263.4, 38.5%, 78.4%

CMYK

23.5%, 38.5%, 0.0%, 21.6%

OKLCH

0.6418 0.1164 301.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#997BC8

#AAC87B

Analogous

#7B83C8

#BF7BC8

#997BC8

Triadic

#997BC8

#C8997B

#7BC899

Split Complementary

#997BC8

#C8BF7B

#83C87B

Tetradic

#997BC8

#C87B83

#AAC87B

#7BC8BF

Color Blindness Simulation

Original

#997BC8

Protanopia

#8C8CB5

Deuteranopia

#8E90B1

Tritanopia

#98A7A3

Achromatopsia

#878787

CSS Usage

background-color: #997BC8;
color: #997BC8;
border-color: #997BC8;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D8CDEA
300
#BCA9DB
400
#987AC8
500
#744BB4
600
#5D3C90
700
#4A3073
800
#3A255A
900
#2C1E42
950
#1C132A

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.02:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026