#5F93B2

#5F93B2

Color Values

HEX

#5F93B2

RGB

95, 147, 178

HSL

202.4, 35.0%, 53.5%

HSV

202.4, 46.6%, 69.8%

CMYK

46.6%, 17.4%, 0.0%, 30.2%

OKLCH

0.6387 0.0725 235.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#5F93B2

#B27E5F

Analogous

#5FB2A7

#5F69B2

#5F93B2

Triadic

#5F93B2

#B25F93

#93B25F

Split Complementary

#5F93B2

#B25F69

#B2A75F

Tetradic

#5F93B2

#A75FB2

#B27E5F

#69B25F

Color Blindness Simulation

Original

#5F93B2

Protanopia

#7676AB

Deuteranopia

#726FA9

Tritanopia

#62A5A3

Achromatopsia

#8A8A8A

CSS Usage

background-color: #5F93B2;
color: #5F93B2;
border-color: #5F93B2;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE8
300
#ACC7D7
400
#80A9C2
500
#538BAC
600
#426F8A
700
#35596E
800
#294556
900
#213440
950
#152128

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.3:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026