#5F93DC

#5F93DC

Color Values

HEX

#5F93DC

RGB

95, 147, 220

HSL

215.0, 64.1%, 61.8%

HSV

215.0, 56.8%, 86.3%

CMYK

56.8%, 33.2%, 0.0%, 13.7%

OKLCH

0.6587 0.123 257.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5F93DC

#DCA85F

Analogous

#5FD2DC

#6A5FDC

#5F93DC

Triadic

#5F93DC

#DC5F93

#93DC5F

Split Complementary

#5F93DC

#DC6A5F

#D2DC5F

Tetradic

#5F93DC

#DC5FD2

#DCA85F

#5FDC6A

Color Blindness Simulation

Original

#5F93DC

Protanopia

#7676CA

Deuteranopia

#726FC6

Tritanopia

#62BCB9

Achromatopsia

#8D8D8D

CSS Usage

background-color: #5F93DC;
color: #5F93DC;
border-color: #5F93DC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D7F2
300
#9BBBE9
400
#6497DD
500
#2E72D1
600
#255BA7
700
#1D4986
800
#173969
900
#142C4C
950
#0D1C30

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.69:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026