#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026