colorhexa.com

#04d4b4 hex color

In a RGB color space, hex #04d4b4 is composed of 1.6% red, 83.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 0% magenta, 15.1% yellow and 16.9% black. It has a hue angle of 170.8 degrees, a saturation of 96.3% and a lightness of 42.4%. #04d4b4 color hex could be obtained by blending #08ffff with #00a969. Closest websafe color is: #00cccc.

- R 2
- G 83
- B 71
RGB color chart
- C 98
- M 0
- Y 15
- K 17
CMYK color chart

● #04d4b4 color description : Strong cyan.

The hexadecimal color #04d4b4 has RGB values of R:4, G:212, B:180 and CMYK values of C:0.98, M:0, Y:0.15, K:0.17. Its decimal value is 316596.

Hex triplet	04d4b4	`#04d4b4`
RGB Decimal	4, 212, 180	`rgb(4,212,180)`
RGB Percent	1.6, 83.1, 70.6	`rgb(1.6%,83.1%,70.6%)`
CMYK	98, 0, 15, 17
HSL	170.8°, 96.3, 42.4	`hsl(170.8,96.3%,42.4%)`
HSV (or HSB)	170.8°, 98.1, 83.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	76.317, -50.704, 3.613
XYZ	31.829, 50.405, 51.229
xyY	0.238, 0.378, 50.405
CIE-LCH	76.317, 50.833, 175.924
CIE-LUV	76.317, -62.133, 13.343
Hunter-Lab	70.996, -44.219, 6.915
Binary	00000100, 11010100, 10110100

#04d4b4
```
#04d4b4 rgb(4,212,180)
```
#d40424
```
#d40424 rgb(212,4,36)
```

Complementary Color

#04d44c
```
#04d44c rgb(4,212,76)
```
#04d4b4
```
#04d4b4 rgb(4,212,180)
```
#048cd4
```
#048cd4 rgb(4,140,212)
```

Analogous Color

#d44c04
```
#d44c04 rgb(212,76,4)
```
#04d4b4
```
#04d4b4 rgb(4,212,180)
```
#d4048c
```
#d4048c rgb(212,4,140)
```

Split Complementary Color

#d4b404
```
#d4b404 rgb(212,180,4)
```
#04d4b4
```
#04d4b4 rgb(4,212,180)
```
#b404d4
```
#b404d4 rgb(180,4,212)
```

Triadic Color

#038974
```
#038974 rgb(3,137,116)
```
#03a28a
```
#03a28a rgb(3,162,138)
```
#04bb9f
```
#04bb9f rgb(4,187,159)
```
#04d4b4
```
#04d4b4 rgb(4,212,180)
```
#04edc9
```
#04edc9 rgb(4,237,201)
```
#11fbd7
```
#11fbd7 rgb(17,251,215)
```
#2afbdb
```
#2afbdb rgb(42,251,219)
```

Monochromatic Color

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

#04d480
```
#04d480 rgb(4,212,128)
```
#04d491
```
#04d491 rgb(4,212,145)
```
#04d4a3
```
#04d4a3 rgb(4,212,163)
```
#04d4b4
```
#04d4b4 rgb(4,212,180)
```
#04d4c5
```
#04d4c5 rgb(4,212,197)
```
#04d1d4
```
#04d1d4 rgb(4,209,212)
```
#04c0d4
```
#04c0d4 rgb(4,192,212)
```

Similar Colors

Text with hexadecimal color #04d4b4

This text has a font color of #04d4b4.

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

#04d4b4 background color

This paragraph has a background color of #04d4b4.

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

#04d4b4 border color

This element has a border color of #04d4b4.

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

CSS codes

.text {color:#04d4b4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#001311
```
#001311 rgb(0,19,17)
```
#012721
```
#012721 rgb(1,39,33)
```
#013a31
```
#013a31 rgb(1,58,49)
```
#014d42
```
#014d42 rgb(1,77,66)
```
#026052
```
#026052 rgb(2,96,82)
```
#027462
```
#027462 rgb(2,116,98)
```
#038773
```
#038773 rgb(3,135,115)
```
#039a83
```
#039a83 rgb(3,154,131)
```
#03ad93
```
#03ad93 rgb(3,173,147)
```
#04c1a4
```
#04c1a4 rgb(4,193,164)
```
#04d4b4
```
#04d4b4 rgb(4,212,180)
```
#04e7c4
```
#04e7c4 rgb(4,231,196)
```

Shade Color Variation

#05fad5
```
#05fad5 rgb(5,250,213)
```
#18fbd8
```
#18fbd8 rgb(24,251,216)
```
#2bfbdb
```
#2bfbdb rgb(43,251,219)
```
#3ffbde
```
#3ffbde rgb(63,251,222)
```
#52fce2
```
#52fce2 rgb(82,252,226)
```
#65fce5
```
#65fce5 rgb(101,252,229)
```
#78fce8
```
#78fce8 rgb(120,252,232)
```
#8cfdeb
```
#8cfdeb rgb(140,253,235)
```
#9ffdef
```
#9ffdef rgb(159,253,239)
```
#b2fef2
```
#b2fef2 rgb(178,254,242)
```
#c5fef5
```
#c5fef5 rgb(197,254,245)
```
#d9fef9
```
#d9fef9 rgb(217,254,249)
```
#ecfffc
```
#ecfffc rgb(236,255,252)
```

Tint Color Variation

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

#68706f
```
#68706f rgb(104,112,111)
```
#5f7975
```
#5f7975 rgb(95,121,117)
```
#57817a
```
#57817a rgb(87,129,122)
```
#4f8980
```
#4f8980 rgb(79,137,128)
```
#469286
```
#469286 rgb(70,146,134)
```
#3e9a8c
```
#3e9a8c rgb(62,154,140)
```
#36a291
```
#36a291 rgb(54,162,145)
```
#2eaa97
```
#2eaa97 rgb(46,170,151)
```
#25b39d
```
#25b39d rgb(37,179,157)
```
#1dbba3
```
#1dbba3 rgb(29,187,163)
```
#15c3a8
```
#15c3a8 rgb(21,195,168)
```
#0cccae
```
#0cccae rgb(12,204,174)
```
#04d4b4
```
#04d4b4 rgb(4,212,180)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#769f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7bfac Protanopia 1% of men
#d0bac1 Deuteranopia 1% of men
#48d0df Tritanopia 0.001% of the population

Trichromacy

#80c6af Protanomaly 1% of men, 0.01% of women
#85c3bc Deuteranomaly 6% of men, 0.4% of women
#2fd1cf Tritanomaly 0.01% of the population