#5B9684

#5B9684

Color Values

HEX

#5B9684

RGB

91, 150, 132

HSL

161.7, 24.5%, 47.3%

HSV

161.7, 39.3%, 58.8%

CMYK

39.3%, 0.0%, 12.0%, 41.2%

OKLCH

0.6272 0.068 172.6

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#5B9684

#965B6D

Analogous

#5B9667

#5B8B96

#5B9684

Triadic

#5B9684

#845B96

#96845B

Split Complementary

#5B9684

#965B8B

#96675B

Tetradic

#5B9684

#675B96

#965B6D

#8B965B

Color Blindness Simulation

Original

#5B9684

Protanopia

#757588

Deuteranopia

#716D89

Tritanopia

#5E8C8D

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D3E4DF
300
#B3D1C8
400
#8AB8AA
500
#609F8C
600
#4D7F70
700
#3E6659
800
#304F46
900
#263B35
950
#182521

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.14:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026