#4FDAA8

#4FDAA8

Color Values

HEX

#4FDAA8

RGB

79, 218, 168

HSL

158.4, 65.3%, 58.2%

HSV

158.4, 63.8%, 85.5%

CMYK

63.8%, 0.0%, 22.9%, 14.5%

OKLCH

0.8001 0.1404 165.5

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#4FDAA8

#DA4F81

Analogous

#4FDA62

#4FC7DA

#4FDAA8

Triadic

#4FDAA8

#A84FDA

#DAA84F

Split Complementary

#4FDAA8

#DA4FC7

#DA624F

Tetradic

#4FDAA8

#624FDA

#DA4F81

#C7DA4F

Color Blindness Simulation

Original

#4FDAA8

Protanopia

#8B8CB4

Deuteranopia

#8379B7

Tritanopia

#56BEC0

Achromatopsia

#B9B9B9

CSS Usage

background-color: #4FDAA8;
color: #4FDAA8;
border-color: #4FDAA8;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF9
100
#E3F7F0
200
#C4F3E2
300
#9AEACD
400
#63DEB2
500
#2CD397
600
#23A979
700
#1C8761
800
#16694B
900
#144D38
950
#0D3124

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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