#04f7af hex color

In a RGB color space, hex #04f7af is composed of 1.6% red, 96.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 0% magenta, 29.1% yellow and 3.1% black. It has a hue angle of 162.2 degrees, a saturation of 96.8% and a lightness of 49.2%. #04f7af color hex could be obtained by blending #08ffff with #00ef5f. Closest websafe color is: #00ff99.

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

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

The hexadecimal color #04f7af has RGB values of R:4, G:247, B:175 and CMYK values of C:0.98, M:0, Y:0.29, K:0.03. Its decimal value is 325551.

Hex triplet	04f7af	`#04f7af`
RGB Decimal	4, 247, 175	`rgb(4,247,175)`
RGB Percent	1.6, 96.9, 68.6	`rgb(1.6%,96.9%,68.6%)`
CMYK	98, 0, 29, 3
HSL	162.2°, 96.8, 49.2	`hsl(162.2,96.8%,49.2%)`
HSV (or HSB)	162.2°, 98.4, 96.9
Web Safe	00ff99	`#00ff99`

CIE-LAB	86.819, -65.255, 21.111
XYZ	41.045, 69.638, 51.833
xyY	0.253, 0.428, 69.638
CIE-LCH	86.819, 68.585, 162.073
CIE-LUV	86.819, -73.988, 41.361
Hunter-Lab	83.449, -58.24, 21.588
Binary	00000100, 11110111, 10101111

#04f7af
```
#04f7af rgb(4,247,175)
```
#f7044c
```
#f7044c rgb(247,4,76)
```

Complementary Color

#04f736
```
#04f736 rgb(4,247,54)
```
#04f7af
```
#04f7af rgb(4,247,175)
```
#04c6f7
```
#04c6f7 rgb(4,198,247)
```

Analogous Color

#f73604
```
#f73604 rgb(247,54,4)
```
#04f7af
```
#04f7af rgb(4,247,175)
```
#f704c6
```
#f704c6 rgb(247,4,198)
```

Split Complementary Color

#f7af04
```
#f7af04 rgb(247,175,4)
```
#04f7af
```
#04f7af rgb(4,247,175)
```
#af04f7
```
#af04f7 rgb(175,4,247)
```

Triadic Color

#4cf704
```
#4cf704 rgb(76,247,4)
```
#04f7af
```
#04f7af rgb(4,247,175)
```
#af04f7
```
#af04f7 rgb(175,4,247)
```
#f7044c
```
#f7044c rgb(247,4,76)
```

Tetradic Color

#03ac7a
```
#03ac7a rgb(3,172,122)
```
#03c58b
```
#03c58b rgb(3,197,139)
```
#04de9d
```
#04de9d rgb(4,222,157)
```
#04f7af
```
#04f7af rgb(4,247,175)
```
#19fbb8
```
#19fbb8 rgb(25,251,184)
```
#32fcc0
```
#32fcc0 rgb(50,252,192)
```
#4bfcc8
```
#4bfcc8 rgb(75,252,200)
```

Monochromatic Color

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

#04f772
```
#04f772 rgb(4,247,114)
```
#04f787
```
#04f787 rgb(4,247,135)
```
#04f79b
```
#04f79b rgb(4,247,155)
```
#04f7af
```
#04f7af rgb(4,247,175)
```
#04f7c3
```
#04f7c3 rgb(4,247,195)
```
#04f7d8
```
#04f7d8 rgb(4,247,216)
```
#04f7ec
```
#04f7ec rgb(4,247,236)
```

Similar Colors

Text with hexadecimal color #04f7af

This text has a font color of #04f7af.

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

#04f7af background color

This paragraph has a background color of #04f7af.

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

#04f7af border color

This element has a border color of #04f7af.

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

CSS codes

.text {color:#04f7af;}

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

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

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

#000f0b
```
#000f0b rgb(0,15,11)
```
#012319
```
#012319 rgb(1,35,25)
```
#013626
```
#013626 rgb(1,54,38)
```
#014934
```
#014934 rgb(1,73,52)
```
#015d42
```
#015d42 rgb(1,93,66)
```
#02704f
```
#02704f rgb(2,112,79)
```
#02835d
```
#02835d rgb(2,131,93)
```
#02966b
```
#02966b rgb(2,150,107)
```
#03aa78
```
#03aa78 rgb(3,170,120)
```
#03bd86
```
#03bd86 rgb(3,189,134)
```
#03d094
```
#03d094 rgb(3,208,148)
```
#04e4a1
```
#04e4a1 rgb(4,228,161)
```
#04f7af
```
#04f7af rgb(4,247,175)
```

Shade Color Variation

#13fbb7
```
#13fbb7 rgb(19,251,183)
```
#27fbbc
```
#27fbbc rgb(39,251,188)
```
#3afcc2
```
#3afcc2 rgb(58,252,194)
```
#4dfcc8
```
#4dfcc8 rgb(77,252,200)
```
#61fcce
```
#61fcce rgb(97,252,206)
```
#74fdd4
```
#74fdd4 rgb(116,253,212)
```
#87fdda
```
#87fdda rgb(135,253,218)
```
#9bfde0
```
#9bfde0 rgb(155,253,224)
```
#aefee6
```
#aefee6 rgb(174,254,230)
```
#c1feec
```
#c1feec rgb(193,254,236)
```
#d4fef2
```
#d4fef2 rgb(212,254,242)
```
#e8fff8
```
#e8fff8 rgb(232,255,248)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#788380
```
#788380 rgb(120,131,128)
```
#6e8d84
```
#6e8d84 rgb(110,141,132)
```
#659688
```
#659688 rgb(101,150,136)
```
#5ba08c
```
#5ba08c rgb(91,160,140)
```
#51aa90
```
#51aa90 rgb(81,170,144)
```
#48b393
```
#48b393 rgb(72,179,147)
```
#3ebd97
```
#3ebd97 rgb(62,189,151)
```
#34c79b
```
#34c79b rgb(52,199,155)
```
#2bd09f
```
#2bd09f rgb(43,208,159)
```
#21daa3
```
#21daa3 rgb(33,218,163)
```
#17e4a7
```
#17e4a7 rgb(23,228,167)
```
#0eedab
```
#0eedab rgb(14,237,171)
```
#04f7af
```
#04f7af rgb(4,247,175)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#86b6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eadba6 Protanopia 1% of men
#f9d3bf Deuteranopia 1% of men
#62edfe Tritanopia 0.001% of the population

Trichromacy

#96e5a9 Protanomaly 1% of men, 0.01% of women
#a0e0b9 Deuteranomaly 6% of men, 0.4% of women
#3ff0e1 Tritanomaly 0.01% of the population

#04f7af hex color

#04f7af Color Information

#04f7af Color Conversion

Color Schemes with #04f7af

Alternatives to #04f7af

#04f7af Preview

Shades and Tints of #04f7af

Tones of #04f7af

Color Blindness Simulator