#4DC09D

#4DC09D

Color Values

HEX

#4DC09D

RGB

77, 192, 157

HSL

161.7, 47.7%, 52.7%

HSV

161.7, 59.9%, 75.3%

CMYK

59.9%, 0.0%, 18.2%, 24.7%

OKLCH

0.7325 0.1166 169.8

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#4DC09D

#C04D70

Analogous

#4DC063

#4DA9C0

#4DC09D

Triadic

#4DC09D

#9D4DC0

#C09D4D

Split Complementary

#4DC09D

#C04DA9

#C0634D

Tetradic

#4DC09D

#634DC0

#C04D70

#A9C04D

Color Blindness Simulation

Original

#4DC09D

Protanopia

#7F80A5

Deuteranopia

#7870A8

Tritanopia

#53ACAE

Achromatopsia

#A5A5A5

CSS Usage

background-color: #4DC09D;
color: #4DC09D;
border-color: #4DC09D;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FAF9
100
#E6F4F0
200
#CAECE2
300
#A5DFCD
400
#74CEB2
500
#43BC97
600
#359779
700
#2B7961
800
#215E4C
900
#1C4539
950
#112C24

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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