#5DAD66

#5DAD66

Color Values

HEX

#5DAD66

RGB

93, 173, 102

HSL

126.8, 32.8%, 52.2%

HSV

126.8, 46.2%, 67.8%

CMYK

46.2%, 0.0%, 41.0%, 32.2%

OKLCH

0.6785 0.1299 146.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5DAD66

#AD5DA4

Analogous

#7CAD5D

#5DAD8E

#5DAD66

Triadic

#5DAD66

#665DAD

#AD665D

Split Complementary

#5DAD66

#8E5DAD

#AD5D7C

Tetradic

#5DAD66

#5D7CAD

#AD5DA4

#AD8E5D

Color Blindness Simulation

Original

#5DAD66

Protanopia

#808077

Deuteranopia

#7B757B

Tritanopia

#618588

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5F9F6
100
#E8F2E9
200
#D0E7D2
300
#AED6B2
400
#82C089
500
#56A95F
600
#45874C
700
#376C3D
800
#2B5530
900
#223F25
950
#162818

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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