#5BA079

#5BA079

Color Values

HEX

#5BA079

RGB

91, 160, 121

HSL

146,1, 27,5%, 49,2%

HSV

146,1, 43,1%, 62,7%

CMYK

43,1%, 0,0%, 24,4%, 37,3%

OKLCH

0,649 0,0921 157,7

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#5BA079

#A05B82

Analogous

#5FA05B

#5BA09B

#5BA079

Triadic

#5BA079

#795BA0

#A0795B

Split Complementary

#5BA079

#9B5BA0

#A05B5F

Tetradic

#5BA079

#5B5FA0

#A05B82

#A09B5B

Color Blindness Simulation

Original

#5BA079

Protanopia

#797982

Deuteranopia

#757085

Tritanopia

#5E8A8C

Achromatopsia

#8F8F8F

CSS Usage

background-color: #5BA079;
color: #5BA079;
border-color: #5BA079;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D1E5DA
300
#B1D3C0
400
#87BB9D
500
#5CA37B
600
#4A8262
700
#3B684F
800
#2E513D
900
#243C2F
950
#17261E

Contrast Checker

Text on white

3,11:1

AA Fail AAA Fail

Text on black

6,75:1

AA Pass AAA Fail

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