#898BFC

#898BFC

Color Values

HEX

#898BFC

RGB

137, 139, 252

HSL

239.0, 95.0%, 76.3%

HSV

239.0, 45.6%, 98.8%

CMYK

45.6%, 44.8%, 0.0%, 1.2%

OKLCH

0.6862 0.1636 280.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#898BFC

#FCFA89

Analogous

#89C4FC

#C189FC

#898BFC

Triadic

#898BFC

#FC898B

#8BFC89

Split Complementary

#898BFC

#FCC189

#C4FC89

Tetradic

#898BFC

#FC89C4

#FCFA89

#89FCC1

Color Blindness Simulation

Original

#898BFC

Protanopia

#8A8AE1

Deuteranopia

#8A8ADA

Tritanopia

#89CBC6

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BBFD
300
#888AFC
400
#474AFA
500
#060AF9
600
#0508C7
700
#04079F
800
#03057C
900
#07085A
950
#040539

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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