#898FCB

#898FCB

Color Values

HEX

#898FCB

RGB

137, 143, 203

HSL

234.5, 38.8%, 66.7%

HSV

234.5, 32.5%, 79.6%

CMYK

32.5%, 29.6%, 0.0%, 20.4%

OKLCH

0.6684 0.0891 279.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#898FCB

#CBC589

Analogous

#89B0CB

#A489CB

#898FCB

Triadic

#898FCB

#CB898F

#8FCB89

Split Complementary

#898FCB

#CBA489

#B0CB89

Tetradic

#898FCB

#CB89B0

#CBC589

#89CBA4

Color Blindness Simulation

Original

#898FCB

Protanopia

#8C8CBC

Deuteranopia

#8B8BB9

Tritanopia

#89B1AE

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDD0E9
300
#AAAEDA
400
#7C83C5
500
#4E57B1
600
#3E468E
700
#323871
800
#272C58
900
#202341
950
#141629

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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