colorhexa.com

#04e8b4 hex color

In a RGB color space, hex #04e8b4 is composed of 1.6% red, 91% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 0% magenta, 22.4% yellow and 9% black. It has a hue angle of 166.3 degrees, a saturation of 96.6% and a lightness of 46.3%. #04e8b4 color hex could be obtained by blending #08ffff with #00d169. Closest websafe color is: #00ffcc.

- R 2
- G 91
- B 71
RGB color chart
- C 98
- M 0
- Y 22
- K 9
CMYK color chart

● #04e8b4 color description : Vivid cyan.

The hexadecimal color #04e8b4 has RGB values of R:4, G:232, B:180 and CMYK values of C:0.98, M:0, Y:0.22, K:0.09. Its decimal value is 321716.

Hex triplet	04e8b4	`#04e8b4`
RGB Decimal	4, 232, 180	`rgb(4,232,180)`
RGB Percent	1.6, 91, 70.6	`rgb(1.6%,91%,70.6%)`
CMYK	98, 0, 22, 9
HSL	166.3°, 96.6, 46.3	`hsl(166.3,96.6%,46.3%)`
HSV (or HSB)	166.3°, 98.3, 91
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	82.395, -58.569, 12.32
XYZ	37.142, 61.03, 53
xyY	0.246, 0.404, 61.03
CIE-LCH	82.395, 59.851, 168.121
CIE-LUV	82.395, -68.755, 27.628
Hunter-Lab	78.122, -51.849, 14.461
Binary	00000100, 11101000, 10110100

#04e8b4
```
#04e8b4 rgb(4,232,180)
```
#e80438
```
#e80438 rgb(232,4,56)
```

Complementary Color

#04e842
```
#04e842 rgb(4,232,66)
```
#04e8b4
```
#04e8b4 rgb(4,232,180)
```
#04aae8
```
#04aae8 rgb(4,170,232)
```

Analogous Color

#e84204
```
#e84204 rgb(232,66,4)
```
#04e8b4
```
#04e8b4 rgb(4,232,180)
```
#e804aa
```
#e804aa rgb(232,4,170)
```

Split Complementary Color

#e8b404
```
#e8b404 rgb(232,180,4)
```
#04e8b4
```
#04e8b4 rgb(4,232,180)
```
#b404e8
```
#b404e8 rgb(180,4,232)
```

Triadic Color

#039d7a
```
#039d7a rgb(3,157,122)
```
#03b68d
```
#03b68d rgb(3,182,141)
```
#04cfa1
```
#04cfa1 rgb(4,207,161)
```
#04e8b4
```
#04e8b4 rgb(4,232,180)
```
#0bfbc4
```
#0bfbc4 rgb(11,251,196)
```
#24fbca
```
#24fbca rgb(36,251,202)
```
#3dfcd0
```
#3dfcd0 rgb(61,252,208)
```

Monochromatic Color

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

#04e87b
```
#04e87b rgb(4,232,123)
```
#04e88e
```
#04e88e rgb(4,232,142)
```
#04e8a1
```
#04e8a1 rgb(4,232,161)
```
#04e8b4
```
#04e8b4 rgb(4,232,180)
```
#04e8c7
```
#04e8c7 rgb(4,232,199)
```
#04e8da
```
#04e8da rgb(4,232,218)
```
#04e3e8
```
#04e3e8 rgb(4,227,232)
```

Similar Colors

Text with hexadecimal color #04e8b4

This text has a font color of #04e8b4.

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

#04e8b4 background color

This paragraph has a background color of #04e8b4.

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

#04e8b4 border color

This element has a border color of #04e8b4.

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

CSS codes

.text {color:#04e8b4;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#00140f
```
#00140f rgb(0,20,15)
```
#01271e
```
#01271e rgb(1,39,30)
```
#013a2d
```
#013a2d rgb(1,58,45)
```
#014e3c
```
#014e3c rgb(1,78,60)
```
#02614b
```
#02614b rgb(2,97,75)
```
#02745a
```
#02745a rgb(2,116,90)
```
#028869
```
#028869 rgb(2,136,105)
```
#039b78
```
#039b78 rgb(3,155,120)
```
#03ae87
```
#03ae87 rgb(3,174,135)
```
#03c196
```
#03c196 rgb(3,193,150)
```
#04d5a5
```
#04d5a5 rgb(4,213,165)
```
#04e8b4
```
#04e8b4 rgb(4,232,180)
```

Shade Color Variation

#05fbc3
```
#05fbc3 rgb(5,251,195)
```
#18fbc7
```
#18fbc7 rgb(24,251,199)
```
#2bfbcc
```
#2bfbcc rgb(43,251,204)
```
#3ffcd1
```
#3ffcd1 rgb(63,252,209)
```
#52fcd5
```
#52fcd5 rgb(82,252,213)
```
#65fcda
```
#65fcda rgb(101,252,218)
```
#79fddf
```
#79fddf rgb(121,253,223)
```
#8cfde3
```
#8cfde3 rgb(140,253,227)
```
#9ffde8
```
#9ffde8 rgb(159,253,232)
```
#b2feed
```
#b2feed rgb(178,254,237)
```
#c6fef1
```
#c6fef1 rgb(198,254,241)
```
#d9fef6
```
#d9fef6 rgb(217,254,246)
```
#ecfffa
```
#ecfffa rgb(236,255,250)
```

Tint Color Variation

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

#717b79
```
#717b79 rgb(113,123,121)
```
#68847e
```
#68847e rgb(104,132,126)
```
#5f8d83
```
#5f8d83 rgb(95,141,131)
```
#569688
```
#569688 rgb(86,150,136)
```
#4d9f8d
```
#4d9f8d rgb(77,159,141)
```
#44a891
```
#44a891 rgb(68,168,145)
```
#3ab296
```
#3ab296 rgb(58,178,150)
```
#31bb9b
```
#31bb9b rgb(49,187,155)
```
#28c4a0
```
#28c4a0 rgb(40,196,160)
```
#1fcda5
```
#1fcda5 rgb(31,205,165)
```
#16d6aa
```
#16d6aa rgb(22,214,170)
```
#0ddfaf
```
#0ddfaf rgb(13,223,175)
```
#04e8b4
```
#04e8b4 rgb(4,232,180)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#7fada2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbcfab Protanopia 1% of men
#e7c8c3 Deuteranopia 1% of men
#56e1f1 Tritanopia 0.001% of the population

Trichromacy

#8dd8ae Protanomaly 1% of men, 0.01% of women
#94d4bd Deuteranomaly 6% of men, 0.4% of women
#38e3db Tritanomaly 0.01% of the population