#04C2C8

#04C2C8

Color Values

HEX

#04C2C8

RGB

4, 194, 200

HSL

181.8, 96.1%, 40.0%

HSV

181.8, 98.0%, 78.4%

CMYK

98.0%, 3.0%, 0.0%, 21.6%

OKLCH

0.7394 0.1253 198.8

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#04C2C8

#C80A04

Analogous

#04C86C

#0460C8

#04C2C8

Triadic

#04C2C8

#C804C2

#C2C804

Split Complementary

#04C2C8

#C80460

#C86C04

Tetradic

#04C2C8

#6C04C8

#C80A04

#60C804

Color Blindness Simulation

Original

#04C2C8

Protanopia

#5658C7

Deuteranopia

#4B3DC6

Tritanopia

#0EC5C5

Achromatopsia

#9A9A9A

CSS Usage

background-color: #04C2C8;
color: #04C2C8;
border-color: #04C2C8;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FDFE
100
#DFFBFC
200
#B9FCFE
300
#87F9FD
400
#46F6FB
500
#05F3FA
600
#04C2C8
700
#039BA0
800
#02797D
900
#07585A
950
#043739

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026