#4FAA72

#4FAA72

Color Values

HEX

#4FAA72

RGB

79, 170, 114

HSL

143.1, 36.5%, 48.8%

HSV

143.1, 53.5%, 66.7%

CMYK

53.5%, 0.0%, 32.9%, 33.3%

OKLCH

0.6673 0.1213 154.3

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#4FAA72

#AA4F87

Analogous

#59AA4F

#4FAA9F

#4FAA72

Triadic

#4FAA72

#724FAA

#AA724F

Split Complementary

#4FAA72

#9F4FAA

#AA4F59

Tetradic

#4FAA72

#4F59AA

#AA4F87

#AA9F4F

Color Blindness Simulation

Original

#4FAA72

Protanopia

#767780

Deuteranopia

#716A83

Tritanopia

#548A8D

Achromatopsia

#939393

CSS Usage

background-color: #4FAA72;
color: #4FAA72;
border-color: #4FAA72;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8D8
300
#ABD8BD
400
#7EC399
500
#51AE75
600
#418B5D
700
#346F4B
800
#28573A
900
#21402D
950
#15291C

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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