colorhexa.com

#04c0ac hex color

In a RGB color space, hex #04c0ac is composed of 1.6% red, 75.3% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 0% magenta, 10.4% yellow and 24.7% black. It has a hue angle of 173.6 degrees, a saturation of 95.9% and a lightness of 38.4%. #04c0ac color hex could be obtained by blending #08ffff with #008159. Closest websafe color is: #00cc99.

- R 2
- G 75
- B 67
RGB color chart
- C 98
- M 0
- Y 10
- K 25
CMYK color chart

● #04c0ac color description : Strong cyan.

The hexadecimal color #04c0ac has RGB values of R:4, G:192, B:172 and CMYK values of C:0.98, M:0, Y:0.1, K:0.25. Its decimal value is 311468.

Hex triplet	04c0ac	`#04c0ac`
RGB Decimal	4, 192, 172	`rgb(4,192,172)`
RGB Percent	1.6, 75.3, 67.5	`rgb(1.6%,75.3%,67.5%)`
CMYK	98, 0, 10, 25
HSL	173.6°, 95.9, 38.4	`hsl(173.6,95.9%,38.4%)`
HSV (or HSB)	173.6°, 97.9, 75.3
Web Safe	00cc99	`#00cc99`

CIE-LAB	69.966, -44.544, -1.303
XYZ	26.344, 40.701, 45.495
xyY	0.234, 0.362, 40.701
CIE-LCH	69.966, 44.563, 181.675
CIE-LUV	69.966, -56.012, 4.85
Hunter-Lab	63.797, -37.938, 2.377
Binary	00000100, 11000000, 10101100

#04c0ac
```
#04c0ac rgb(4,192,172)
```
#c00418
```
#c00418 rgb(192,4,24)
```

Complementary Color

#04c04e
```
#04c04e rgb(4,192,78)
```
#04c0ac
```
#04c0ac rgb(4,192,172)
```
#0476c0
```
#0476c0 rgb(4,118,192)
```

Analogous Color

#c04e04
```
#c04e04 rgb(192,78,4)
```
#04c0ac
```
#04c0ac rgb(4,192,172)
```
#c00476
```
#c00476 rgb(192,4,118)
```

Split Complementary Color

#c0ac04
```
#c0ac04 rgb(192,172,4)
```
#04c0ac
```
#04c0ac rgb(4,192,172)
```
#ac04c0
```
#ac04c0 rgb(172,4,192)
```

Triadic Color

#027569
```
#027569 rgb(2,117,105)
```
#038e7f
```
#038e7f rgb(3,142,127)
```
#03a796
```
#03a796 rgb(3,167,150)
```
#04c0ac
```
#04c0ac rgb(4,192,172)
```
#05d9c2
```
#05d9c2 rgb(5,217,194)
```
#05f2d9
```
#05f2d9 rgb(5,242,217)
```
#16fae2
```
#16fae2 rgb(22,250,226)
```

Monochromatic Color

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

#04c07d
```
#04c07d rgb(4,192,125)
```
#04c08d
```
#04c08d rgb(4,192,141)
```
#04c09c
```
#04c09c rgb(4,192,156)
```
#04c0ac
```
#04c0ac rgb(4,192,172)
```
#04c0bc
```
#04c0bc rgb(4,192,188)
```
#04b5c0
```
#04b5c0 rgb(4,181,192)
```
#04a5c0
```
#04a5c0 rgb(4,165,192)
```

Similar Colors

Text with hexadecimal color #04c0ac

This text has a font color of #04c0ac.

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

#04c0ac background color

This paragraph has a background color of #04c0ac.

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

#04c0ac border color

This element has a border color of #04c0ac.

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

CSS codes

.text {color:#04c0ac;}

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

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

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, #001311 is the darkest color, while #ffffff is the lightest one.

#001311
```
#001311 rgb(0,19,17)
```
#012622
```
#012622 rgb(1,38,34)
```
#013934
```
#013934 rgb(1,57,52)
```
#024d45
```
#024d45 rgb(2,77,69)
```
#026056
```
#026056 rgb(2,96,86)
```
#027367
```
#027367 rgb(2,115,103)
```
#038678
```
#038678 rgb(3,134,120)
```
#039a8a
```
#039a8a rgb(3,154,138)
```
#04ad9b
```
#04ad9b rgb(4,173,155)
```
#04c0ac
```
#04c0ac rgb(4,192,172)
```
#04d3bd
```
#04d3bd rgb(4,211,189)
```
#05e6ce
```
#05e6ce rgb(5,230,206)
```
#05fae0
```
#05fae0 rgb(5,250,224)
```

Shade Color Variation

#18fae2
```
#18fae2 rgb(24,250,226)
```
#2bfbe5
```
#2bfbe5 rgb(43,251,229)
```
#3ffbe7
```
#3ffbe7 rgb(63,251,231)
```
#52fbe9
```
#52fbe9 rgb(82,251,233)
```
#65fcec
```
#65fcec rgb(101,252,236)
```
#78fcee
```
#78fcee rgb(120,252,238)
```
#8cfdf1
```
#8cfdf1 rgb(140,253,241)
```
#9ffdf3
```
#9ffdf3 rgb(159,253,243)
```
#b2fdf5
```
#b2fdf5 rgb(178,253,245)
```
#c5fef8
```
#c5fef8 rgb(197,254,248)
```
#d8fefa
```
#d8fefa rgb(216,254,250)
```
#ecfffd
```
#ecfffd rgb(236,255,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5e6665
```
#5e6665 rgb(94,102,101)
```
#576d6b
```
#576d6b rgb(87,109,107)
```
#4f7571
```
#4f7571 rgb(79,117,113)
```
#487c77
```
#487c77 rgb(72,124,119)
```
#40847d
```
#40847d rgb(64,132,125)
```
#398b82
```
#398b82 rgb(57,139,130)
```
#319388
```
#319388 rgb(49,147,136)
```
#2a9a8e
```
#2a9a8e rgb(42,154,142)
```
#22a294
```
#22a294 rgb(34,162,148)
```
#1ba99a
```
#1ba99a rgb(27,169,154)
```
#13b1a0
```
#13b1a0 rgb(19,177,160)
```
#0cb8a6
```
#0cb8a6 rgb(12,184,166)
```
#04c0ac
```
#04c0ac rgb(4,192,172)
```

Tone Color Variation

Below, you can see how #04c0ac 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

#868686 Achromatopsia 0.005% of the population
#6c928e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4aea5 Protanopia 1% of men
#baaab9 Deuteranopia 1% of men
#3dbecc Tritanopia 0.001% of the population

Trichromacy

#74b4a7 Protanomaly 1% of men, 0.01% of women
#78b2b4 Deuteranomaly 6% of men, 0.4% of women
#28bfc0 Tritanomaly 0.01% of the population