#4FDC94

#4FDC94

Color Values

HEX

#4FDC94

RGB

79, 220, 148

HSL

149.4, 66.8%, 58.6%

HSV

149.4, 64.1%, 86.3%

CMYK

64.1%, 0.0%, 32.7%, 13.7%

OKLCH

0.8005 0.1596 157.2

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#4FDC94

#DC4F97

Analogous

#50DC4F

#4FDCDB

#4FDC94

Triadic

#4FDC94

#944FDC

#DC944F

Split Complementary

#4FDC94

#DB4FDC

#DC4F50

Tetradic

#4FDC94

#4F50DC

#DC4F97

#DCDB4F

Color Blindness Simulation

Original

#4FDC94

Protanopia

#8C8DA5

Deuteranopia

#8479AA

Tritanopia

#56B3B6

Achromatopsia

#B9B9B9

CSS Usage

background-color: #4FDC94;
color: #4FDC94;
border-color: #4FDC94;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C3F3DB
300
#99EBC1
400
#62E09F
500
#2AD57E
600
#22AA65
700
#1B8851
800
#156A3F
900
#134E30
950
#0C311E

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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