#897BF3

#897BF3

Color Values

HEX

#897BF3

RGB

137, 123, 243

HSL

247.0, 83.3%, 71.8%

HSV

247.0, 49.4%, 95.3%

CMYK

43.6%, 49.4%, 0.0%, 4.7%

OKLCH

0.6517 0.1734 285.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#897BF3

#E5F37B

Analogous

#7BA9F3

#C57BF3

#897BF3

Triadic

#897BF3

#F3897B

#7BF389

Split Complementary

#897BF3

#F3C57B

#A9F37B

Tetradic

#897BF3

#F37BA9

#E5F37B

#7BF3C5

Color Blindness Simulation

Original

#897BF3

Protanopia

#8383D6

Deuteranopia

#8485CF

Tritanopia

#88BFBA

Achromatopsia

#878787

CSS Usage

background-color: #897BF3;
color: #897BF3;
border-color: #897BF3;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C5BEF9
300
#9B8FF5
400
#6452EF
500
#2E15EA
600
#2511BB
700
#1D0E96
800
#170B75
900
#150C55
950
#0D0836

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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