#04C8AF

#04C8AF

Color Values

HEX

#04C8AF

RGB

4, 200, 175

HSL

172.3, 96.1%, 40.0%

HSV

172.3, 98.0%, 78.4%

CMYK

98.0%, 0.0%, 12.5%, 21.6%

OKLCH

0.7461 0.1355 179.4

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#04C8AF

#C8041D

Analogous

#04C84D

#047FC8

#04C8AF

Triadic

#04C8AF

#AF04C8

#C8AF04

Split Complementary

#04C8AF

#C8047F

#C84D04

Tetradic

#04C8AF

#4D04C8

#C8041D

#7FC804

Color Blindness Simulation

Original

#04C8AF

Protanopia

#595BB5

Deuteranopia

#4E3FB6

Tritanopia

#0EBABB

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DFFCF8
200
#B9FEF5
300
#87FDEE
400
#46FBE4
500
#05FADB
600
#04C8AF
700
#03A08C
800
#027D6D
900
#075A50
950
#043932

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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