#5DA163

#5DA163

Color Values

HEX

#5DA163

RGB

93, 161, 99

HSL

125.3, 26.8%, 49.8%

HSV

125.3, 42.2%, 63.1%

CMYK

42.2%, 0.0%, 38.5%, 36.9%

OKLCH

0.6476 0.1146 146.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5DA163

#A15D9B

Analogous

#79A15D

#5DA185

#5DA163

Triadic

#5DA163

#635DA1

#A1635D

Split Complementary

#5DA163

#855DA1

#A15D79

Tetradic

#5DA163

#5D79A1

#A15D9B

#A1855D

Color Blindness Simulation

Original

#5DA163

Protanopia

#7A7B72

Deuteranopia

#767176

Tritanopia

#607E80

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D2E5D3
300
#B1D2B4
400
#87BA8C
500
#5DA263
600
#4B814F
700
#3C6740
800
#2F5132
900
#253C27
950
#172619

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026