#5BB586

#5BB586

Color Values

HEX

#5BB586

RGB

91, 181, 134

HSL

148.7, 37.8%, 53.3%

HSV

148.7, 49.7%, 71.0%

CMYK

49.7%, 0.0%, 26.0%, 29.0%

OKLCH

0.7045 0.1119 158.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#5BB586

#B55B8A

Analogous

#5DB55B

#5BB5B3

#5BB586

Triadic

#5BB586

#865BB5

#B5865B

Split Complementary

#5BB586

#B35BB5

#B55B5D

Tetradic

#5BB586

#5B5DB5

#B55B8A

#B5B35B

Color Blindness Simulation

Original

#5BB586

Protanopia

#828391

Deuteranopia

#7D7694

Tritanopia

#609A9C

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DB
300
#ABD9C1
400
#7DC49F
500
#4FB07D
600
#3F8D64
700
#337050
800
#28583F
900
#204130
950
#14291E

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.4: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