#898AEF

#898AEF

Color Values

HEX

#898AEF

RGB

137, 138, 239

HSL

239.4, 76.1%, 73.7%

HSV

239.4, 42.7%, 93.7%

CMYK

42.7%, 42.3%, 0.0%, 6.3%

OKLCH

0.6769 0.1471 281.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#898AEF

#EFEE89

Analogous

#89BDEF

#BB89EF

#898AEF

Triadic

#898AEF

#EF898A

#8AEF89

Split Complementary

#898AEF

#EFBB89

#BDEF89

Tetradic

#898AEF

#EF89BD

#EFEE89

#89EFBB

Color Blindness Simulation

Original

#898AEF

Protanopia

#8989D7

Deuteranopia

#8989D1

Tritanopia

#89C3BF

Achromatopsia

#919191

CSS Usage

background-color: #898AEF;
color: #898AEF;
border-color: #898AEF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C1F6
300
#9394F0
400
#595AE8
500
#1E20E1
600
#181AB4
700
#141590
800
#0F1070
900
#0F1052
950
#0A0A34

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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