#5CBA84

#5CBA84

Color Values

HEX

#5CBA84

RGB

92, 186, 132

HSL

145.5, 40.5%, 54.5%

HSV

145.5, 50.5%, 72.9%

CMYK

50.5%, 0.0%, 29.0%, 27.1%

OKLCH

0.7168 0.1205 156.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5CBA84

#BA5C92

Analogous

#63BA5C

#5CBAB3

#5CBA84

Triadic

#5CBA84

#845CBA

#BA845C

Split Complementary

#5CBA84

#B35CBA

#BA5C63

Tetradic

#5CBA84

#5C63BA

#BA5C92

#BAB35C

Color Blindness Simulation

Original

#5CBA84

Protanopia

#858691

Deuteranopia

#7F7894

Tritanopia

#619B9E

Achromatopsia

#A2A2A2

CSS Usage

background-color: #5CBA84;
color: #5CBA84;
border-color: #5CBA84;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDEAD9
300
#A9DBBE
400
#7AC79B
500
#4CB378
600
#3D8F60
700
#31734D
800
#265A3C
900
#1F422E
950
#132A1D

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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