#4AD199

#4AD199

Color Values

HEX

#4AD199

RGB

74, 209, 153

HSL

155.1, 59.5%, 55.5%

HSV

155.1, 64.6%, 82.0%

CMYK

64.6%, 0.0%, 26.8%, 18.0%

OKLCH

0.7729 0.143 162.1

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#4AD199

#D14A82

Analogous

#4AD155

#4AC6D1

#4AD199

Triadic

#4AD199

#994AD1

#D1994A

Split Complementary

#4AD199

#D14AC6

#D1554A

Tetradic

#4AD199

#554AD1

#D14A82

#C6D14A

Color Blindness Simulation

Original

#4AD199

Protanopia

#8486A7

Deuteranopia

#7D72AA

Tritanopia

#51B1B4

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F3FBF8
100
#E4F6EF
200
#C6F1DF
300
#9DE6C8
400
#69D9AA
500
#34CB8C
600
#29A370
700
#21825A
800
#1A6646
900
#174A35
950
#0E2F21

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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