#897EC3

#897EC3

Color Values

HEX

#897EC3

RGB

137, 126, 195

HSL

249.6, 36.5%, 62.9%

HSV

249.6, 35.4%, 76.5%

CMYK

29.7%, 35.4%, 0.0%, 23.5%

OKLCH

0.6306 0.1026 290.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#897EC3

#B8C37E

Analogous

#7E95C3

#AB7EC3

#897EC3

Triadic

#897EC3

#C3897E

#7EC389

Split Complementary

#897EC3

#C3AB7E

#95C37E

Tetradic

#897EC3

#C37E95

#B8C37E

#7EC3AB

Color Blindness Simulation

Original

#897EC3

Protanopia

#8484B2

Deuteranopia

#8586AE

Tritanopia

#88A5A2

Achromatopsia

#858585

CSS Usage

background-color: #897EC3;
color: #897EC3;
border-color: #897EC3;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D2CEE8
300
#B3ABD8
400
#897EC3
500
#6051AE
600
#4D418B
700
#3D346F
800
#302857
900
#262140
950
#181529

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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