#899BFB

#899BFB

Color Values

HEX

#899BFB

RGB

137, 155, 251

HSL

230.5, 93.4%, 76.1%

HSV

230.5, 45.4%, 98.4%

CMYK

45.4%, 38.2%, 0.0%, 1.6%

OKLCH

0.7163 0.1412 274.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#899BFB

#FBE989

Analogous

#89D4FB

#B089FB

#899BFB

Triadic

#899BFB

#FB899B

#9BFB89

Split Complementary

#899BFB

#FBB089

#D4FB89

Tetradic

#899BFB

#FB89D4

#FBE989

#89FBB0

Color Blindness Simulation

Original

#899BFB

Protanopia

#9191E4

Deuteranopia

#908EDE

Tritanopia

#8AD1CD

Achromatopsia

#9E9E9E

CSS Usage

background-color: #899BFB;
color: #899BFB;
border-color: #899BFB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BAC5FD
300
#899BFB
400
#4964F9
500
#082EF7
600
#0725C5
700
#051E9E
800
#04177B
900
#081559
950
#050D38

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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