#899DFB

#899DFB

Color Values

HEX

#899DFB

RGB

137, 157, 251

HSL

229,5, 93,4%, 76,1%

HSV

229,5, 45,4%, 98,4%

CMYK

45,4%, 37,5%, 0,0%, 1,6%

OKLCH

0,7202 0,1387 273,3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#899DFB

#FBE789

Analogous

#89D6FB

#AE89FB

#899DFB

Triadic

#899DFB

#FB899D

#9DFB89

Split Complementary

#899DFB

#FBAE89

#D6FB89

Tetradic

#899DFB

#FB89D6

#FBE789

#89FBAE

Color Blindness Simulation

Original

#899DFB

Protanopia

#9292E4

Deuteranopia

#908FDF

Tritanopia

#8AD2CE

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE4FB
200
#BAC6FD
300
#899DFB
400
#4967F9
500
#0832F7
600
#0728C5
700
#05209E
800
#04197B
900
#081659
950
#050E38

Contrast Checker

Text on white

2,54:1

AA Fail AAA Fail

Text on black

8,28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026