#897FDA

#897FDA

Color Values

HEX

#897FDA

RGB

137, 127, 218

HSL

246.6, 55.2%, 67.6%

HSV

246.6, 41.7%, 85.5%

CMYK

37.2%, 41.7%, 0.0%, 14.5%

OKLCH

0.6445 0.1336 287.1

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#897FDA

#D0DA7F

Analogous

#7FA2DA

#B67FDA

#897FDA

Triadic

#897FDA

#DA897F

#7FDA89

Split Complementary

#897FDA

#DAB67F

#A2DA7F

Tetradic

#897FDA

#DA7FA2

#D0DA7F

#7FDAB6

Color Blindness Simulation

Original

#897FDA

Protanopia

#8585C4

Deuteranopia

#8586BF

Tritanopia

#88B3AF

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CCC8EF
300
#A7A0E4
400
#786DD5
500
#4939C6
600
#3A2E9E
700
#2E257F
800
#241D63
900
#1E1849
950
#130F2E

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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