#5993F2

#5993F2

Color Values

HEX

#5993F2

RGB

89, 147, 242

HSL

217.3, 85.5%, 64.9%

HSV

217.3, 63.2%, 94.9%

CMYK

63.2%, 39.3%, 0.0%, 5.1%

OKLCH

0.6679 0.1542 259.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5993F2

#F2B859

Analogous

#59DFF2

#6C59F2

#5993F2

Triadic

#5993F2

#F25993

#93F259

Split Complementary

#5993F2

#F26C59

#DFF259

Tetradic

#5993F2

#F259DF

#F2B859

#59F26C

Color Blindness Simulation

Original

#5993F2

Protanopia

#7273DB

Deuteranopia

#6F6AD5

Tritanopia

#5CC9C5

Achromatopsia

#8E8E8E

CSS Usage

background-color: #5993F2;
color: #5993F2;
border-color: #5993F2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD4FA
300
#8DB5F6
400
#508DF1
500
#1265ED
600
#0F51BD
700
#0C4197
800
#093276
900
#0B2756
950
#071936

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.88:1

AA Pass AAA Fail

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