#5BA7B1

#5BA7B1

Color Values

HEX

#5BA7B1

RGB

91, 167, 177

HSL

187.0, 35.5%, 52.5%

HSV

187.0, 48.6%, 69.4%

CMYK

48.6%, 5.6%, 0.0%, 30.6%

OKLCH

0.6833 0.0767 206.6

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#5BA7B1

#B1655B

Analogous

#5BB190

#5B7CB1

#5BA7B1

Triadic

#5BA7B1

#B15BA7

#A7B15B

Split Complementary

#5BA7B1

#B15B7C

#B1905B

Tetradic

#5BA7B1

#905BB1

#B1655B

#7CB15B

Color Blindness Simulation

Original

#5BA7B1

Protanopia

#7C7DAF

Deuteranopia

#7872AE

Tritanopia

#5FADAC

Achromatopsia

#989898

CSS Usage

background-color: #5BA7B1;
color: #5BA7B1;
border-color: #5BA7B1;
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.76:1

AA Fail AAA Fail

Text on black

7.61:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026