#5BA475

#5BA475

Color Values

HEX

#5BA475

RGB

91, 164, 117

HSL

141.4, 28.6%, 50.0%

HSV

141.4, 44.5%, 64.3%

CMYK

44.5%, 0.0%, 28.7%, 35.7%

OKLCH

0.658 0.1022 154.3

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#5BA475

#A45B8A

Analogous

#65A45B

#5BA49A

#5BA475

Triadic

#5BA475

#755BA4

#A4755B

Split Complementary

#5BA475

#9A5BA4

#A45B65

Tetradic

#5BA475

#5B65A4

#A45B8A

#A49A5B

Color Blindness Simulation

Original

#5BA475

Protanopia

#7B7B80

Deuteranopia

#767183

Tritanopia

#5F898B

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E9F1EC
200
#D1E6D8
300
#B0D3BD
400
#86BC99
500
#5BA475
600
#49835E
700
#3A694B
800
#2E523B
900
#243D2D
950
#17261C

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026