colorhexa.com

#04c058 hex color

In a RGB color space, hex #04c058 is composed of 1.6% red, 75.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 0% magenta, 54.2% yellow and 24.7% black. It has a hue angle of 146.8 degrees, a saturation of 95.9% and a lightness of 38.4%. #04c058 color hex could be obtained by blending #08ffb0 with #008100. Closest websafe color is: #00cc66.

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

● #04c058 color description : Strong cyan - lime green.

The hexadecimal color #04c058 has RGB values of R:4, G:192, B:88 and CMYK values of C:0.98, M:0, Y:0.54, K:0.25. Its decimal value is 311384.

Hex triplet	04c058	`#04c058`
RGB Decimal	4, 192, 88	`rgb(4,192,88)`
RGB Percent	1.6, 75.3, 34.5	`rgb(1.6%,75.3%,34.5%)`
CMYK	98, 0, 54, 25
HSL	146.8°, 95.9, 38.4	`hsl(146.8,95.9%,38.4%)`
HSV (or HSB)	146.8°, 97.9, 75.3
Web Safe	00cc66	`#00cc66`

CIE-LAB	68.334, -62.881, 40.84
XYZ	20.66, 38.427, 15.56
xyY	0.277, 0.515, 38.427
CIE-LCH	68.334, 74.979, 146.997
CIE-LUV	68.334, -61.713, 61.207
Hunter-Lab	61.99, -48.992, 28.51
Binary	00000100, 11000000, 01011000

#04c058
```
#04c058 rgb(4,192,88)
```
#c0046c
```
#c0046c rgb(192,4,108)
```

Complementary Color

#0ec004
```
#0ec004 rgb(14,192,4)
```
#04c058
```
#04c058 rgb(4,192,88)
```
#04c0b6
```
#04c0b6 rgb(4,192,182)
```

Analogous Color

#c0040e
```
#c0040e rgb(192,4,14)
```
#04c058
```
#04c058 rgb(4,192,88)
```
#b604c0
```
#b604c0 rgb(182,4,192)
```

Split Complementary Color

#027536
```
#027536 rgb(2,117,54)
```
#038e41
```
#038e41 rgb(3,142,65)
```
#03a74d
```
#03a74d rgb(3,167,77)
```
#04c058
```
#04c058 rgb(4,192,88)
```
#05d963
```
#05d963 rgb(5,217,99)
```
#05f26f
```
#05f26f rgb(5,242,111)
```
#16fa7c
```
#16fa7c rgb(22,250,124)
```

Monochromatic Color

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

#04c029
```
#04c029 rgb(4,192,41)
```
#04c039
```
#04c039 rgb(4,192,57)
```
#04c048
```
#04c048 rgb(4,192,72)
```
#04c058
```
#04c058 rgb(4,192,88)
```
#04c068
```
#04c068 rgb(4,192,104)
```
#04c077
```
#04c077 rgb(4,192,119)
```
#04c087
```
#04c087 rgb(4,192,135)
```

Similar Colors

Text with hexadecimal color #04c058

This text has a font color of #04c058.

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

#04c058 background color

This paragraph has a background color of #04c058.

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

#04c058 border color

This element has a border color of #04c058.

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

CSS codes

.text {color:#04c058;}

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

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

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

#001309
```
#001309 rgb(0,19,9)
```
#012612
```
#012612 rgb(1,38,18)
```
#01391a
```
#01391a rgb(1,57,26)
```
#024d23
```
#024d23 rgb(2,77,35)
```
#02602c
```
#02602c rgb(2,96,44)
```
#027335
```
#027335 rgb(2,115,53)
```
#03863e
```
#03863e rgb(3,134,62)
```
#039a46
```
#039a46 rgb(3,154,70)
```
#04ad4f
```
#04ad4f rgb(4,173,79)
```
#04c058
```
#04c058 rgb(4,192,88)
```
#04d361
```
#04d361 rgb(4,211,97)
```
#05e66a
```
#05e66a rgb(5,230,106)
```
#05fa72
```
#05fa72 rgb(5,250,114)
```

Shade Color Variation

#18fa7d
```
#18fa7d rgb(24,250,125)
```
#2bfb88
```
#2bfb88 rgb(43,251,136)
```
#3ffb93
```
#3ffb93 rgb(63,251,147)
```
#52fb9e
```
#52fb9e rgb(82,251,158)
```
#65fca8
```
#65fca8 rgb(101,252,168)
```
#78fcb3
```
#78fcb3 rgb(120,252,179)
```
#8cfdbe
```
#8cfdbe rgb(140,253,190)
```
#9ffdc9
```
#9ffdc9 rgb(159,253,201)
```
#b2fdd4
```
#b2fdd4 rgb(178,253,212)
```
#c5fede
```
#c5fede rgb(197,254,222)
```
#d8fee9
```
#d8fee9 rgb(216,254,233)
```
#ecfff4
```
#ecfff4 rgb(236,255,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5e6662
```
#5e6662 rgb(94,102,98)
```
#576d61
```
#576d61 rgb(87,109,97)
```
#4f7560
```
#4f7560 rgb(79,117,96)
```
#487c5f
```
#487c5f rgb(72,124,95)
```
#40845e
```
#40845e rgb(64,132,94)
```
#398b5e
```
#398b5e rgb(57,139,94)
```
#31935d
```
#31935d rgb(49,147,93)
```
#2a9a5c
```
#2a9a5c rgb(42,154,92)
```
#22a25b
```
#22a25b rgb(34,162,91)
```
#1ba95a
```
#1ba95a rgb(27,169,90)
```
#13b15a
```
#13b15a rgb(19,177,90)
```
#0cb859
```
#0cb859 rgb(12,184,89)
```
#04c058
```
#04c058 rgb(4,192,88)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#648a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcab58 Protanopia 1% of men
#cda46c Deuteranopia 1% of men
#58b8c5 Tritanopia 0.001% of the population

Trichromacy

#79b258 Protanomaly 1% of men, 0.01% of women
#84ae64 Deuteranomaly 6% of men, 0.4% of women
#39bb9d Tritanomaly 0.01% of the population