#897BC7

#897BC7

Color Values

HEX

#897BC7

RGB

137, 123, 199

HSL

251.1, 40.4%, 63.1%

HSV

251.1, 38.2%, 78.0%

CMYK

31.2%, 38.2%, 0.0%, 22.0%

OKLCH

0.6269 0.113 291.2

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#897BC7

#B9C77B

Analogous

#7B93C7

#AF7BC7

#897BC7

Triadic

#897BC7

#C7897B

#7BC789

Split Complementary

#897BC7

#C7AF7B

#93C77B

Tetradic

#897BC7

#C77B93

#B9C77B

#7BC7AF

Color Blindness Simulation

Original

#897BC7

Protanopia

#8383B5

Deuteranopia

#8485B0

Tritanopia

#88A6A3

Achromatopsia

#838383

CSS Usage

background-color: #897BC7;
color: #897BC7;
border-color: #897BC7;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D2CDEA
300
#B2A9DB
400
#897BC7
500
#5F4CB3
600
#4C3D8F
700
#3D3173
800
#30265A
900
#251F42
950
#18132A

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

5.72: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