#898FF1

#898FF1

Color Values

HEX

#898FF1

RGB

137, 143, 241

HSL

236.5, 78.8%, 74.1%

HSV

236.5, 43.2%, 94.5%

CMYK

43.2%, 40.7%, 0.0%, 5.5%

OKLCH

0.6876 0.1431 279.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#898FF1

#F1EB89

Analogous

#89C3F1

#B789F1

#898FF1

Triadic

#898FF1

#F1898F

#8FF189

Split Complementary

#898FF1

#F1B789

#C3F189

Tetradic

#898FF1

#F189C3

#F1EB89

#89F1B7

Color Blindness Simulation

Original

#898FF1

Protanopia

#8C8CD9

Deuteranopia

#8B8BD4

Tritanopia

#89C7C2

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#BFC2F7
300
#9297F2
400
#565FEB
500
#1B27E4
600
#161FB6
700
#111992
800
#0E1372
900
#0E1253
950
#090B34

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

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