#5BA474

#5BA474

Color Values

HEX

#5BA474

RGB

91, 164, 116

HSL

140.5, 28.6%, 50.0%

HSV

140.5, 44.5%, 64.3%

CMYK

44.5%, 0.0%, 29.3%, 35.7%

OKLCH

0.6578 0.1031 153.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#5BA474

#A45B8B

Analogous

#67A45B

#5BA498

#5BA474

Triadic

#5BA474

#745BA4

#A4745B

Split Complementary

#5BA474

#985BA4

#A45B67

Tetradic

#5BA474

#5B67A4

#A45B8B

#A4985B

Color Blindness Simulation

Original

#5BA474

Protanopia

#7B7B80

Deuteranopia

#767182

Tritanopia

#5F898B

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E9F1EC
200
#D1E6D8
300
#B0D3BC
400
#86BC98
500
#5BA474
600
#49835D
700
#3A694A
800
#2E523A
900
#243D2D
950
#17261C

Contrast Checker

Text on white

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