#5FA2C6

#5FA2C6

Color Values

HEX

#5FA2C6

RGB

95, 162, 198

HSL

201.0, 47.5%, 57.5%

HSV

201.0, 52.0%, 77.6%

CMYK

52.0%, 18.2%, 0.0%, 22.4%

OKLCH

0.6818 0.0865 233.5

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#5FA2C6

#C6835F

Analogous

#5FC6B7

#5F6FC6

#5FA2C6

Triadic

#5FA2C6

#C65FA2

#A2C65F

Split Complementary

#5FA2C6

#C65F6F

#C6B75F

Tetradic

#5FA2C6

#B75FC6

#C6835F

#6FC65F

Color Blindness Simulation

Original

#5FA2C6

Protanopia

#7C7DBD

Deuteranopia

#7873BB

Tritanopia

#62B6B5

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CAE0EC
300
#A5CBDF
400
#74AECD
500
#4392BC
600
#367596
700
#2B5D78
800
#21495E
900
#1C3745
950
#12232C

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.47:1

AA Pass AAA Pass

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