#4ADAA2

#4ADAA2

Color Values

HEX

#4ADAA2

RGB

74, 218, 162

HSL

156.7, 66.1%, 57.3%

HSV

156.7, 66.1%, 85.5%

CMYK

66.1%, 0.0%, 25.7%, 14.5%

OKLCH

0.7974 0.1472 163.3

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#4ADAA2

#DA4A82

Analogous

#4ADA5A

#4ACADA

#4ADAA2

Triadic

#4ADAA2

#A24ADA

#DAA24A

Split Complementary

#4ADAA2

#DA4ACA

#DA5A4A

Tetradic

#4ADAA2

#5A4ADA

#DA4A82

#CADA4A

Color Blindness Simulation

Original

#4ADAA2

Protanopia

#888AB0

Deuteranopia

#8075B3

Tritanopia

#51BABD

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F3E1
300
#99EACB
400
#62DFAF
500
#2BD492
600
#23A975
700
#1C885E
800
#166A49
900
#144D37
950
#0C3123

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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