colorhexa.com

#04df9d hex color

In a RGB color space, hex #04df9d is composed of 1.6% red, 87.5% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 0% magenta, 29.6% yellow and 12.5% black. It has a hue angle of 161.9 degrees, a saturation of 96.5% and a lightness of 44.5%. #04df9d color hex could be obtained by blending #08ffff with #00bf3b. Closest websafe color is: #00cc99.

- R 2
- G 87
- B 62
RGB color chart
- C 98
- M 0
- Y 30
- K 13
CMYK color chart

● #04df9d color description : Vivid cyan - lime green.

The hexadecimal color #04df9d has RGB values of R:4, G:223, B:157 and CMYK values of C:0.98, M:0, Y:0.3, K:0.13. Its decimal value is 319389.

Hex triplet	04df9d	`#04df9d`
RGB Decimal	4, 223, 157	`rgb(4,223,157)`
RGB Percent	1.6, 87.5, 61.6	`rgb(1.6%,87.5%,61.6%)`
CMYK	98, 0, 30, 13
HSL	161.9°, 96.5, 44.5	`hsl(161.9,96.5%,44.5%)`
HSV (or HSB)	161.9°, 98.2, 87.5
Web Safe	00cc99	`#00cc99`

CIE-LAB	79.175, -60.523, 19.855
XYZ	32.521, 55.232, 40.843
xyY	0.253, 0.429, 55.232
CIE-LCH	79.175, 63.697, 161.838
CIE-LUV	79.175, -67.498, 38.161
Hunter-Lab	74.318, -51.947, 19.439
Binary	00000100, 11011111, 10011101

#04df9d
```
#04df9d rgb(4,223,157)
```
#df0446
```
#df0446 rgb(223,4,70)
```

Complementary Color

#04df2f
```
#04df2f rgb(4,223,47)
```
#04df9d
```
#04df9d rgb(4,223,157)
```
#04b4df
```
#04b4df rgb(4,180,223)
```

Analogous Color

#df2f04
```
#df2f04 rgb(223,47,4)
```
#04df9d
```
#04df9d rgb(4,223,157)
```
#df04b4
```
#df04b4 rgb(223,4,180)
```

Split Complementary Color

#df9d04
```
#df9d04 rgb(223,157,4)
```
#04df9d
```
#04df9d rgb(4,223,157)
```
#9d04df
```
#9d04df rgb(157,4,223)
```

Triadic Color

#039468
```
#039468 rgb(3,148,104)
```
#03ad7a
```
#03ad7a rgb(3,173,122)
```
#04c68b
```
#04c68b rgb(4,198,139)
```
#04df9d
```
#04df9d rgb(4,223,157)
```
#04f8af
```
#04f8af rgb(4,248,175)
```
#1bfbb7
```
#1bfbb7 rgb(27,251,183)
```
#34fbbf
```
#34fbbf rgb(52,251,191)
```

Monochromatic Color

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

#04df66
```
#04df66 rgb(4,223,102)
```
#04df79
```
#04df79 rgb(4,223,121)
```
#04df8b
```
#04df8b rgb(4,223,139)
```
#04df9d
```
#04df9d rgb(4,223,157)
```
#04dfaf
```
#04dfaf rgb(4,223,175)
```
#04dfc2
```
#04dfc2 rgb(4,223,194)
```
#04dfd4
```
#04dfd4 rgb(4,223,212)
```

Similar Colors

Text with hexadecimal color #04df9d

This text has a font color of #04df9d.

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

#04df9d background color

This paragraph has a background color of #04df9d.

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

#04df9d border color

This element has a border color of #04df9d.

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

CSS codes

.text {color:#04df9d;}

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

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

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, #000b08 is the darkest color, while #f7fffc is the lightest one.

#000b08
```
#000b08 rgb(0,11,8)
```
#011e15
```
#011e15 rgb(1,30,21)
```
#013223
```
#013223 rgb(1,50,35)
```
#014530
```
#014530 rgb(1,69,48)
```
#02583e
```
#02583e rgb(2,88,62)
```
#026b4c
```
#026b4c rgb(2,107,76)
```
#027f59
```
#027f59 rgb(2,127,89)
```
#039267
```
#039267 rgb(3,146,103)
```
#03a574
```
#03a574 rgb(3,165,116)
```
#03b882
```
#03b882 rgb(3,184,130)
```
#04cc8f
```
#04cc8f rgb(4,204,143)
```
#04df9d
```
#04df9d rgb(4,223,157)
```
#04f2ab
```
#04f2ab rgb(4,242,171)
```

Shade Color Variation

#10fbb4
```
#10fbb4 rgb(16,251,180)
```
#23fbba
```
#23fbba rgb(35,251,186)
```
#36fbc0
```
#36fbc0 rgb(54,251,192)
```
#49fcc6
```
#49fcc6 rgb(73,252,198)
```
#5dfccc
```
#5dfccc rgb(93,252,204)
```
#70fcd2
```
#70fcd2 rgb(112,252,210)
```
#83fdd8
```
#83fdd8 rgb(131,253,216)
```
#96fdde
```
#96fdde rgb(150,253,222)
```
#aafde4
```
#aafde4 rgb(170,253,228)
```
#bdfeea
```
#bdfeea rgb(189,254,234)
```
#d0fef0
```
#d0fef0 rgb(208,254,240)
```
#e3fff6
```
#e3fff6 rgb(227,255,246)
```
#f7fffc
```
#f7fffc rgb(247,255,252)
```

Tint Color Variation

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

#6d7673
```
#6d7673 rgb(109,118,115)
```
#647f77
```
#647f77 rgb(100,127,119)
```
#5b887a
```
#5b887a rgb(91,136,122)
```
#53907e
```
#53907e rgb(83,144,126)
```
#4a9981
```
#4a9981 rgb(74,153,129)
```
#41a285
```
#41a285 rgb(65,162,133)
```
#38ab88
```
#38ab88 rgb(56,171,136)
```
#30b38c
```
#30b38c rgb(48,179,140)
```
#27bc8f
```
#27bc8f rgb(39,188,143)
```
#1ec593
```
#1ec593 rgb(30,197,147)
```
#15ce96
```
#15ce96 rgb(21,206,150)
```
#0dd69a
```
#0dd69a rgb(13,214,154)
```
#04df9d
```
#04df9d rgb(4,223,157)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#79a597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c697 Protanopia 1% of men
#e3c0ad Deuteranopia 1% of men
#59d7e7 Tritanopia 0.001% of the population

Trichromacy

#88cf99 Protanomaly 1% of men, 0.01% of women
#91cba7 Deuteranomaly 6% of men, 0.4% of women
#3adacc Tritanomaly 0.01% of the population