#04cacc hex color

In a RGB color space, hex #04cacc is composed of 1.6% red, 79.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 1% magenta, 0% yellow and 20% black. It has a hue angle of 180.6 degrees, a saturation of 96.2% and a lightness of 40.8%. #04cacc color hex could be obtained by blending #08ffff with #009599. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 79
- B 80
RGB color chart
- C 98
- M 1
- Y 0
- K 20
CMYK color chart

● #04cacc color description : Strong cyan.

The hexadecimal color #04cacc has RGB values of R:4, G:202, B:204 and CMYK values of C:0.98, M:0.01, Y:0, K:0.2. Its decimal value is 314060.

Hex triplet	04cacc	`#04cacc`
RGB Decimal	4, 202, 204	`rgb(4,202,204)`
RGB Percent	1.6, 79.2, 80	`rgb(1.6%,79.2%,80%)`
CMYK	98, 1, 0, 20
HSL	180.6°, 96.2, 40.8	`hsl(180.6,96.2%,40.8%)`
HSV (or HSB)	180.6°, 98, 80
Web Safe	00cccc	`#00cccc`

CIE-LAB	73.948, -39.632, -12.828
XYZ	32.066, 46.623, 64.433
xyY	0.224, 0.326, 46.623
CIE-LCH	73.948, 41.656, 197.935
CIE-LUV	73.948, -56.845, -14.001
Hunter-Lab	68.281, -35.665, -8.151
Binary	00000100, 11001010, 11001100

#04cacc
```
#04cacc rgb(4,202,204)
```
#cc0604
```
#cc0604 rgb(204,6,4)
```

Complementary Color

#04cc6a
```
#04cc6a rgb(4,204,106)
```
#04cacc
```
#04cacc rgb(4,202,204)
```
#0466cc
```
#0466cc rgb(4,102,204)
```

Analogous Color

#cc6a04
```
#cc6a04 rgb(204,106,4)
```
#04cacc
```
#04cacc rgb(4,202,204)
```
#cc0466
```
#cc0466 rgb(204,4,102)
```

Split Complementary Color

#cacc04
```
#cacc04 rgb(202,204,4)
```
#04cacc
```
#04cacc rgb(4,202,204)
```
#cc04ca
```
#cc04ca rgb(204,4,202)
```

Triadic Color

#04cc06
```
#04cc06 rgb(4,204,6)
```
#04cacc
```
#04cacc rgb(4,202,204)
```
#cc04ca
```
#cc04ca rgb(204,4,202)
```
#cc0604
```
#cc0604 rgb(204,6,4)
```

Tetradic Color

#038081
```
#038081 rgb(3,128,129)
```
#03989a
```
#03989a rgb(3,152,154)
```
#04b1b3
```
#04b1b3 rgb(4,177,179)
```
#04cacc
```
#04cacc rgb(4,202,204)
```
#04e3e5
```
#04e3e5 rgb(4,227,229)
```
#09f8fa
```
#09f8fa rgb(9,248,250)
```
#22f8fb
```
#22f8fb rgb(34,248,251)
```

Monochromatic Color

Below, you can see some colors close to #04cacc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#04cc9c
```
#04cc9c rgb(4,204,156)
```
#04ccad
```
#04ccad rgb(4,204,173)
```
#04ccbd
```
#04ccbd rgb(4,204,189)
```
#04cacc
```
#04cacc rgb(4,202,204)
```
#04b9cc
```
#04b9cc rgb(4,185,204)
```
#04a9cc
```
#04a9cc rgb(4,169,204)
```
#0498cc
```
#0498cc rgb(4,152,204)
```

Similar Colors

Text with hexadecimal color #04cacc

This text has a font color of #04cacc.

<span style="color:#04cacc;">Text here</span>

#04cacc background color

This paragraph has a background color of #04cacc.

<p style="background-color:#04cacc;">Content here</p>

#04cacc border color

This element has a border color of #04cacc.

<div style="border:1px solid #04cacc;">Content here</div>

CSS codes

.text {color:#04cacc;}

.background {background-color:#04cacc;}

.border {border:1px solid #04cacc;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000c0c is the darkest color, while #f7ffff is the lightest one.

#000c0c
```
#000c0c rgb(0,12,12)
```
#011f1f
```
#011f1f rgb(1,31,31)
```
#013232
```
#013232 rgb(1,50,50)
```
#014545
```
#014545 rgb(1,69,69)
```
#025859
```
#025859 rgb(2,88,89)
```
#026b6c
```
#026b6c rgb(2,107,108)
```
#027e7f
```
#027e7f rgb(2,126,127)
```
#039192
```
#039192 rgb(3,145,146)
```
#03a4a6
```
#03a4a6 rgb(3,164,166)
```
#04b7b9
```
#04b7b9 rgb(4,183,185)
```
#04cacc
```
#04cacc rgb(4,202,204)
```
#04dddf
```
#04dddf rgb(4,221,223)
```
#05f0f2
```
#05f0f2 rgb(5,240,242)
```

Shade Color Variation

#11f8fa
```
#11f8fa rgb(17,248,250)
```
#24f9fb
```
#24f9fb rgb(36,249,251)
```
#37f9fb
```
#37f9fb rgb(55,249,251)
```
#4afafb
```
#4afafb rgb(74,250,251)
```
#5dfafc
```
#5dfafc rgb(93,250,252)
```
#71fbfc
```
#71fbfc rgb(113,251,252)
```
#84fbfd
```
#84fbfd rgb(132,251,253)
```
#97fcfd
```
#97fcfd rgb(151,252,253)
```
#aafdfd
```
#aafdfd rgb(170,253,253)
```
#befdfe
```
#befdfe rgb(190,253,254)
```
#d1fefe
```
#d1fefe rgb(209,254,254)
```
#e4fefe
```
#e4fefe rgb(228,254,254)
```
#f7ffff
```
#f7ffff rgb(247,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646c6c is the less saturated color, while #04cacc is the most saturated one.

#646c6c
```
#646c6c rgb(100,108,108)
```
#5c7474
```
#5c7474 rgb(92,116,116)
```
#547c7c
```
#547c7c rgb(84,124,124)
```
#4c8384
```
#4c8384 rgb(76,131,132)
```
#448b8c
```
#448b8c rgb(68,139,140)
```
#3c9394
```
#3c9394 rgb(60,147,148)
```
#349b9c
```
#349b9c rgb(52,155,156)
```
#2ca3a4
```
#2ca3a4 rgb(44,163,164)
```
#24abac
```
#24abac rgb(36,171,172)
```
#1cb2b4
```
#1cb2b4 rgb(28,178,180)
```
#14babc
```
#14babc rgb(20,186,188)
```
#0cc2c4
```
#0cc2c4 rgb(12,194,196)
```
#04cacc
```
#04cacc rgb(4,202,204)
```

Tone Color Variation

Below, you can see how #04cacc is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#8f8f8f Achromatopsia 0.005% of the population
#739b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b8c3 Protanopia 1% of men
#bbb5d7 Deuteranopia 1% of men
#2ccad9 Tritanopia 0.001% of the population

Trichromacy

#77bec6 Protanomaly 1% of men, 0.01% of women
#78bcd3 Deuteranomaly 6% of men, 0.4% of women
#1ecad4 Tritanomaly 0.01% of the population

#04cacc hex color

#04cacc Color Information

#04cacc Color Conversion

Color Schemes with #04cacc

Alternatives to #04cacc

#04cacc Preview

Shades and Tints of #04cacc

Tones of #04cacc

Color Blindness Simulator