#5FA9B3

#5FA9B3

Color Values

HEX

#5FA9B3

RGB

95, 169, 179

HSL

187.1, 35.6%, 53.7%

HSV

187.1, 46.9%, 70.2%

CMYK

46.9%, 5.6%, 0.0%, 29.8%

OKLCH

0.6906 0.0752 206.8

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#5FA9B3

#B3695F

Analogous

#5FB393

#5F7FB3

#5FA9B3

Triadic

#5FA9B3

#B35FA9

#A9B35F

Split Complementary

#5FA9B3

#B35F7F

#B3935F

Tetradic

#5FA9B3

#935FB3

#B3695F

#7FB35F

Color Blindness Simulation

Original

#5FA9B3

Protanopia

#7F80B1

Deuteranopia

#7B75B0

Tritanopia

#63AFAE

Achromatopsia

#9A9A9A

CSS Usage

background-color: #5FA9B3;
color: #5FA9B3;
border-color: #5FA9B3;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CFE5E8
300
#ACD2D8
400
#7FBAC2
500
#52A2AD
600
#42828A
700
#35686F
800
#295156
900
#213C40
950
#152628

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.81: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