#04af78 hex color

In a RGB color space, hex #04af78 is composed of 1.6% red, 68.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 0% magenta, 31.4% yellow and 31.4% black. It has a hue angle of 160.7 degrees, a saturation of 95.5% and a lightness of 35.1%. #04af78 color hex could be obtained by blending #08fff0 with #005f00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 2
- G 69
- B 47
RGB color chart
- C 98
- M 0
- Y 31
- K 31
CMYK color chart

● #04af78 color description : Dark cyan - lime green.

The hexadecimal color #04af78 has RGB values of R:4, G:175, B:120 and CMYK values of C:0.98, M:0, Y:0.31, K:0.31. Its decimal value is 307064.

Hex triplet	04af78	`#04af78`
RGB Decimal	4, 175, 120	`rgb(4,175,120)`
RGB Percent	1.6, 68.6, 47.1	`rgb(1.6%,68.6%,47.1%)`
CMYK	98, 0, 31, 31
HSL	160.7°, 95.5, 35.1	`hsl(160.7,95.5%,35.1%)`
HSV (or HSB)	160.7°, 97.7, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.376, -50.975, 17.807
XYZ	18.769, 32.04, 22.963
xyY	0.254, 0.434, 32.04
CIE-LCH	63.376, 53.995, 160.744
CIE-LUV	63.376, -54.15, 32.221
Hunter-Lab	56.604, -39.869, 15.569
Binary	00000100, 10101111, 01111000

#04af78
```
#04af78 rgb(4,175,120)
```
#af043b
```
#af043b rgb(175,4,59)
```

Complementary Color

#04af23
```
#04af23 rgb(4,175,35)
```
#04af78
```
#04af78 rgb(4,175,120)
```
#0491af
```
#0491af rgb(4,145,175)
```

Analogous Color

#af2304
```
#af2304 rgb(175,35,4)
```
#04af78
```
#04af78 rgb(4,175,120)
```
#af0491
```
#af0491 rgb(175,4,145)
```

Split Complementary Color

#af7804
```
#af7804 rgb(175,120,4)
```
#04af78
```
#04af78 rgb(4,175,120)
```
#7804af
```
#7804af rgb(120,4,175)
```

Triadic Color

#3baf04
```
#3baf04 rgb(59,175,4)
```
#04af78
```
#04af78 rgb(4,175,120)
```
#7804af
```
#7804af rgb(120,4,175)
```
#af043b
```
#af043b rgb(175,4,59)
```

Tetradic Color

#026445
```
#026445 rgb(2,100,69)
```
#037d56
```
#037d56 rgb(3,125,86)
```
#039667
```
#039667 rgb(3,150,103)
```
#04af78
```
#04af78 rgb(4,175,120)
```
#05c889
```
#05c889 rgb(5,200,137)
```
#05e19a
```
#05e19a rgb(5,225,154)
```
#06f9ab
```
#06f9ab rgb(6,249,171)
```

Monochromatic Color

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

#04af4d
```
#04af4d rgb(4,175,77)
```
#04af5c
```
#04af5c rgb(4,175,92)
```
#04af6a
```
#04af6a rgb(4,175,106)
```
#04af78
```
#04af78 rgb(4,175,120)
```
#04af86
```
#04af86 rgb(4,175,134)
```
#04af95
```
#04af95 rgb(4,175,149)
```
#04afa3
```
#04afa3 rgb(4,175,163)
```

Similar Colors

Text with hexadecimal color #04af78

This text has a font color of #04af78.

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

#04af78 background color

This paragraph has a background color of #04af78.

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

#04af78 border color

This element has a border color of #04af78.

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

CSS codes

.text {color:#04af78;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#00160f
```
#00160f rgb(0,22,15)
```
#01291c
```
#01291c rgb(1,41,28)
```
#013c29
```
#013c29 rgb(1,60,41)
```
#024f36
```
#024f36 rgb(2,79,54)
```
#026243
```
#026243 rgb(2,98,67)
```
#037551
```
#037551 rgb(3,117,81)
```
#03895e
```
#03895e rgb(3,137,94)
```
#049c6b
```
#049c6b rgb(4,156,107)
```
#04af78
```
#04af78 rgb(4,175,120)
```
#04c285
```
#04c285 rgb(4,194,133)
```
#05d592
```
#05d592 rgb(5,213,146)
```
#05e99f
```
#05e99f rgb(5,233,159)
```

Shade Color Variation

#08f9ac
```
#08f9ac rgb(8,249,172)
```
#1bfab2
```
#1bfab2 rgb(27,250,178)
```
#2efab9
```
#2efab9 rgb(46,250,185)
```
#42fbbf
```
#42fbbf rgb(66,251,191)
```
#55fbc6
```
#55fbc6 rgb(85,251,198)
```
#68fccc
```
#68fccc rgb(104,252,204)
```
#7bfcd3
```
#7bfcd3 rgb(123,252,211)
```
#8efcd9
```
#8efcd9 rgb(142,252,217)
```
#a2fddf
```
#a2fddf rgb(162,253,223)
```
#b5fde6
```
#b5fde6 rgb(181,253,230)
```
#c8feec
```
#c8feec rgb(200,254,236)
```
#dbfef3
```
#dbfef3 rgb(219,254,243)
```
#eefff9
```
#eefff9 rgb(238,255,249)
```

Tint Color Variation

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

#575c5b
```
#575c5b rgb(87,92,91)
```
#50635d
```
#50635d rgb(80,99,93)
```
#496a5f
```
#496a5f rgb(73,106,95)
```
#427162
```
#427162 rgb(66,113,98)
```
#3b7864
```
#3b7864 rgb(59,120,100)
```
#347f67
```
#347f67 rgb(52,127,103)
```
#2d8669
```
#2d8669 rgb(45,134,105)
```
#268d6c
```
#268d6c rgb(38,141,108)
```
#20936e
```
#20936e rgb(32,147,110)
```
#199a71
```
#199a71 rgb(25,154,113)
```
#12a173
```
#12a173 rgb(18,161,115)
```
#0ba876
```
#0ba876 rgb(11,168,118)
```
#04af78
```
#04af78 rgb(4,175,120)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#5f8176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e76 Protanopia 1% of men
#b59988 Deuteranopia 1% of men
#48abb8 Tritanopia 0.001% of the population

Trichromacy

#6da476 Protanomaly 1% of men, 0.01% of women
#75a182 Deuteranomaly 6% of men, 0.4% of women
#2faca0 Tritanomaly 0.01% of the population

#04af78 hex color

#04af78 Color Information

#04af78 Color Conversion

Color Schemes with #04af78

Alternatives to #04af78

#04af78 Preview

Shades and Tints of #04af78

Tones of #04af78

Color Blindness Simulator