#898CD2

#898CD2

Color Values

HEX

#898CD2

RGB

137, 140, 210

HSL

237.5, 44.8%, 68.0%

HSV

237.5, 34.8%, 82.4%

CMYK

34.8%, 33.3%, 0.0%, 17.6%

OKLCH

0.6657 0.1034 281.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#898CD2

#D2CF89

Analogous

#89B0D2

#AA89D2

#898CD2

Triadic

#898CD2

#D2898C

#8CD289

Split Complementary

#898CD2

#D2AA89

#B0D289

Tetradic

#898CD2

#D289B0

#D2CF89

#89D2AA

Color Blindness Simulation

Original

#898CD2

Protanopia

#8A8AC1

Deuteranopia

#8A8ABD

Tritanopia

#89B4B1

Achromatopsia

#909090

CSS Usage

background-color: #898CD2;
color: #898CD2;
border-color: #898CD2;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEB
300
#A6A9DD
400
#767ACB
500
#464BB9
600
#383C94
700
#2D3076
800
#23265C
900
#1D1F44
950
#12132B

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026