#5EB062

#5EB062

Color Values

HEX

#5EB062

RGB

94, 176, 98

HSL

122.9, 34.2%, 52.9%

HSV

122.9, 46.6%, 69.0%

CMYK

46.6%, 0.0%, 44.3%, 31.0%

OKLCH

0.6859 0.1378 144.9

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5EB062

#B05EAC

Analogous

#83B05E

#5EB08B

#5EB062

Triadic

#5EB062

#625EB0

#B0625E

Split Complementary

#5EB062

#8B5EB0

#B05E83

Tetradic

#5EB062

#5E83B0

#B05EAC

#B08B5E

Color Blindness Simulation

Original

#5EB062

Protanopia

#828275

Deuteranopia

#7D7779

Tritanopia

#628487

Achromatopsia

#999999

CSS Usage

background-color: #5EB062;
color: #5EB062;
border-color: #5EB062;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8D0
300
#ADD7AF
400
#80C184
500
#54AB58
600
#438946
700
#366E38
800
#2A562C
900
#223F23
950
#152816

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026