#5BA369

#5BA369

Color Values

HEX

#5BA369

RGB

91, 163, 105

HSL

131.7, 28.3%, 49.8%

HSV

131.7, 44.2%, 63.9%

CMYK

44.2%, 0.0%, 35.6%, 36.1%

OKLCH

0.6529 0.1127 148.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#5BA369

#A35B95

Analogous

#71A35B

#5BA38D

#5BA369

Triadic

#5BA369

#695BA3

#A3695B

Split Complementary

#5BA369

#8D5BA3

#A35B71

Tetradic

#5BA369

#5B71A3

#A35B95

#A38D5B

Color Blindness Simulation

Original

#5BA369

Protanopia

#7A7B77

Deuteranopia

#76717A

Tritanopia

#5F8285

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D1E5D5
300
#B0D3B7
400
#86BB90
500
#5BA469
600
#498354
700
#3B6944
800
#2E5235
900
#243D29
950
#17261A

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.89:1

AA Pass AAA Fail

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