#5899F1

#5899F1

Color Values

HEX

#5899F1

RGB

88, 153, 241

HSL

214.5, 84.5%, 64.5%

HSV

214.5, 63.5%, 94.5%

CMYK

63.5%, 36.5%, 0.0%, 5.5%

OKLCH

0.6797 0.147 256.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5899F1

#F1B058

Analogous

#58E5F1

#6358F1

#5899F1

Triadic

#5899F1

#F15899

#99F158

Split Complementary

#5899F1

#F16358

#E5F158

Tetradic

#5899F1

#F158E5

#F1B058

#58F163

Color Blindness Simulation

Original

#5899F1

Protanopia

#7475DC

Deuteranopia

#706CD7

Tritanopia

#5BCBC7

Achromatopsia

#929292

CSS Usage

background-color: #5899F1;
color: #5899F1;
border-color: #5899F1;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0EBFA
200
#BDD7F9
300
#8EBAF6
400
#5195F0
500
#146FEB
600
#1059BC
700
#0D4797
800
#0A3876
900
#0C2B55
950
#071B36

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.24:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026