#898FF8

#898FF8

Color Values

HEX

#898FF8

RGB

137, 143, 248

HSL

236.8, 88.8%, 75.5%

HSV

236.8, 44.8%, 97.3%

CMYK

44.8%, 42.3%, 0.0%, 2.7%

OKLCH

0.6914 0.1527 279.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#898FF8

#F8F289

Analogous

#89C6F8

#BB89F8

#898FF8

Triadic

#898FF8

#F8898F

#8FF889

Split Complementary

#898FF8

#F8BB89

#C6F889

Tetradic

#898FF8

#F889C6

#F8F289

#89F8BB

Color Blindness Simulation

Original

#898FF8

Protanopia

#8C8CDF

Deuteranopia

#8B8BD8

Tritanopia

#89CBC6

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BCBFFB
300
#8B91F8
400
#4D56F4
500
#0E1AF1
600
#0B15C1
700
#09119A
800
#070D78
900
#0A0E57
950
#060937

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.35:1

AA Pass AAA Pass

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