#04A080

#04A080

Color Values

HEX

#04A080

RGB

4, 160, 128

HSL

167.7, 95.1%, 32.2%

HSV

167.7, 97.5%, 62.7%

CMYK

97.5%, 0.0%, 20.0%, 37.3%

OKLCH

0.6289 0.1216 171.8

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#04A080

#A00424

Analogous

#04A032

#0472A0

#04A080

Triadic

#04A080

#8004A0

#A08004

Split Complementary

#04A080

#A00472

#A03204

Tetradic

#04A080

#3204A0

#A00424

#72A004

Color Blindness Simulation

Original

#04A080

Protanopia

#484988

Deuteranopia

#3E338A

Tritanopia

#0C8E8F

Achromatopsia

#7D7D7D

CSS Usage

background-color: #04A080;
color: #04A080;
border-color: #04A080;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F1FEFB
100
#DFFCF6
200
#B9FDEF
300
#88FCE4
400
#47FAD6
500
#06F9C7
600
#05C79F
700
#049F7F
800
#037C64
900
#075A49
950
#04392E

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

AA Pass AAA Fail

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