#5BAF5C

#5BAF5C

Color Values

HEX

#5BAF5C

RGB

91, 175, 92

HSL

120.7, 34.4%, 52.2%

HSV

120.7, 48.0%, 68.6%

CMYK

48.0%, 0.0%, 47.4%, 31.4%

OKLCH

0.681 0.1438 144.0

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5BAF5C

#AF5BAE

Analogous

#84AF5B

#5BAF86

#5BAF5C

Triadic

#5BAF5C

#5C5BAF

#AF5C5B

Split Complementary

#5BAF5C

#865BAF

#AF5B84

Tetradic

#5BAF5C

#5B84AF

#AF5BAE

#AF865B

Color Blindness Simulation

Original

#5BAF5C

Protanopia

#7F8070

Deuteranopia

#7A7475

Tritanopia

#5F8083

Achromatopsia

#979797

CSS Usage

background-color: #5BAF5C;
color: #5BAF5C;
border-color: #5BAF5C;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8CF
300
#ADD7AD
400
#80C181
500
#54AB55
600
#438944
700
#366E36
800
#2A562A
900
#213F22
950
#152815

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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