#5BA496

#5BA496

Color Values

HEX

#5BA496

RGB

91, 164, 150

HSL

168.5, 28.6%, 50.0%

HSV

168.5, 44.5%, 64.3%

CMYK

44.5%, 0.0%, 8.5%, 35.7%

OKLCH

0.667 0.0767 180.0

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#5BA496

#A45B69

Analogous

#5BA472

#5B8DA4

#5BA496

Triadic

#5BA496

#965BA4

#A4965B

Split Complementary

#5BA496

#A45B8D

#A4725B

Tetradic

#5BA496

#725BA4

#A45B69

#8DA45B

Color Blindness Simulation

Original

#5BA496

Protanopia

#7B7B99

Deuteranopia

#76719A

Tritanopia

#5F9C9D

Achromatopsia

#939393

CSS Usage

background-color: #5BA496;
color: #5BA496;
border-color: #5BA496;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F8
100
#E9F1F0
200
#D1E6E2
300
#B0D3CD
400
#86BCB1
500
#5BA496
600
#498378
700
#3A6960
800
#2E524B
900
#243D38
950
#172623

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.2:1

AA Pass AAA Pass

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