#5FAEB1

#5FAEB1

Color Values

HEX

#5FAEB1

RGB

95, 174, 177

HSL

182.2, 34.5%, 53.3%

HSV

182.2, 46.3%, 69.4%

CMYK

46.3%, 1.7%, 0.0%, 30.6%

OKLCH

0.7017 0.078 198.7

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#5FAEB1

#B1625F

Analogous

#5FB18B

#5F85B1

#5FAEB1

Triadic

#5FAEB1

#B15FAE

#AEB15F

Split Complementary

#5FAEB1

#B15F85

#B18B5F

Tetradic

#5FAEB1

#8B5FB1

#B1625F

#85B15F

Color Blindness Simulation

Original

#5FAEB1

Protanopia

#8182B0

Deuteranopia

#7D77B0

Tritanopia

#63B0B0

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE7E8
300
#ADD5D7
400
#80BFC1
500
#54A8AB
600
#438789
700
#356C6E
800
#2A5456
900
#213E3F
950
#152728

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026