#04C8B2

#04C8B2

Color Values

HEX

#04C8B2

RGB

4, 200, 178

HSL

173.3, 96.1%, 40.0%

HSV

173.3, 98.0%, 78.4%

CMYK

98.0%, 0.0%, 11.0%, 21.6%

OKLCH

0.747 0.1341 181.2

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#04C8B2

#C8041A

Analogous

#04C850

#047CC8

#04C8B2

Triadic

#04C8B2

#B204C8

#C8B204

Split Complementary

#04C8B2

#C8047C

#C85004

Tetradic

#04C8B2

#5004C8

#C8041A

#7CC804

Color Blindness Simulation

Original

#04C8B2

Protanopia

#595BB7

Deuteranopia

#4E3FB9

Tritanopia

#0EBCBC

Achromatopsia

#9D9D9D

CSS Usage

background-color: #04C8B2;
color: #04C8B2;
border-color: #04C8B2;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F1FEFC
100
#DFFCF8
200
#B9FEF6
300
#87FDEF
400
#46FBE7
500
#05FADF
600
#04C8B2
700
#03A08F
800
#027D6F
900
#075A51
950
#043933

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.91:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026