#5A7679

#5A7679

Color Values

HEX

#5A7679

RGB

90, 118, 121

HSL

185.8, 14.7%, 41.4%

HSV

185.8, 25.6%, 47.5%

CMYK

25.6%, 2.5%, 0.0%, 52.5%

OKLCH

0.545 0.0327 204.4

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#5A7679

#795D5A

Analogous

#5A796D

#5A6779

#5A7679

Triadic

#5A7679

#795A76

#76795A

Split Complementary

#5A7679

#795A67

#796D5A

Tetradic

#5A7679

#6D5A79

#795D5A

#67795A

Color Blindness Simulation

Original

#5A7679

Protanopia

#666678

Deuteranopia

#646278

Tritanopia

#5B7878

Achromatopsia

#707070

CSS Usage

background-color: #5A7679;
color: #5A7679;
border-color: #5A7679;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E1
300
#B9C9CB
400
#93ACAF
500
#6D8F92
600
#577275
700
#465B5E
800
#364749
900
#2A3637
950
#1B2223

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

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