#04f895 hex color

In a RGB color space, hex #04f895 is composed of 1.6% red, 97.3% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 0% magenta, 39.9% yellow and 2.7% black. It has a hue angle of 155.7 degrees, a saturation of 96.8% and a lightness of 49.4%. #04f895 color hex could be obtained by blending #08ffff with #00f12b. Closest websafe color is: #00ff99.

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

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

The hexadecimal color #04f895 has RGB values of R:4, G:248, B:149 and CMYK values of C:0.98, M:0, Y:0.4, K:0.03. Its decimal value is 325781.

Hex triplet	04f895	`#04f895`
RGB Decimal	4, 248, 149	`rgb(4,248,149)`
RGB Percent	1.6, 97.3, 58.4	`rgb(1.6%,97.3%,58.4%)`
CMYK	98, 0, 40, 3
HSL	155.7°, 96.8, 49.4	`hsl(155.7,96.8%,49.4%)`
HSV (or HSB)	155.7°, 98.4, 97.3
Web Safe	00ff99	`#00ff99`

CIE-LAB	86.665, -70.853, 34.062
XYZ	39.039, 69.326, 39.756
xyY	0.264, 0.468, 69.326
CIE-LCH	86.665, 78.615, 154.325
CIE-LUV	86.665, -76.064, 59.027
Hunter-Lab	83.262, -62.016, 29.974
Binary	00000100, 11111000, 10010101

#04f895
```
#04f895 rgb(4,248,149)
```
#f80467
```
#f80467 rgb(248,4,103)
```

Complementary Color

#04f81b
```
#04f81b rgb(4,248,27)
```
#04f895
```
#04f895 rgb(4,248,149)
```
#04e1f8
```
#04e1f8 rgb(4,225,248)
```

Analogous Color

#f81b04
```
#f81b04 rgb(248,27,4)
```
#04f895
```
#04f895 rgb(4,248,149)
```
#f804e1
```
#f804e1 rgb(248,4,225)
```

Split Complementary Color

#f89504
```
#f89504 rgb(248,149,4)
```
#04f895
```
#04f895 rgb(4,248,149)
```
#9504f8
```
#9504f8 rgb(149,4,248)
```

Triadic Color

#67f804
```
#67f804 rgb(103,248,4)
```
#04f895
```
#04f895 rgb(4,248,149)
```
#9504f8
```
#9504f8 rgb(149,4,248)
```
#f80467
```
#f80467 rgb(248,4,103)
```

Tetradic Color

#03ad68
```
#03ad68 rgb(3,173,104)
```
#03c677
```
#03c677 rgb(3,198,119)
```
#04df86
```
#04df86 rgb(4,223,134)
```
#04f895
```
#04f895 rgb(4,248,149)
```
#1afba0
```
#1afba0 rgb(26,251,160)
```
#33fcaa
```
#33fcaa rgb(51,252,170)
```
#4cfcb5
```
#4cfcb5 rgb(76,252,181)
```

Monochromatic Color

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

#04f858
```
#04f858 rgb(4,248,88)
```
#04f86c
```
#04f86c rgb(4,248,108)
```
#04f881
```
#04f881 rgb(4,248,129)
```
#04f895
```
#04f895 rgb(4,248,149)
```
#04f8a9
```
#04f8a9 rgb(4,248,169)
```
#04f8be
```
#04f8be rgb(4,248,190)
```
#04f8d2
```
#04f8d2 rgb(4,248,210)
```

Similar Colors

Text with hexadecimal color #04f895

This text has a font color of #04f895.

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

#04f895 background color

This paragraph has a background color of #04f895.

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

#04f895 border color

This element has a border color of #04f895.

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

CSS codes

.text {color:#04f895;}

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

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

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, #00100a is the darkest color, while #fcfffe is the lightest one.

#00100a
```
#00100a rgb(0,16,10)
```
#012415
```
#012415 rgb(1,36,21)
```
#013721
```
#013721 rgb(1,55,33)
```
#014a2d
```
#014a2d rgb(1,74,45)
```
#025e38
```
#025e38 rgb(2,94,56)
```
#027144
```
#027144 rgb(2,113,68)
```
#02844f
```
#02844f rgb(2,132,79)
```
#02975b
```
#02975b rgb(2,151,91)
```
#03ab67
```
#03ab67 rgb(3,171,103)
```
#03be72
```
#03be72 rgb(3,190,114)
```
#03d17e
```
#03d17e rgb(3,209,126)
```
#04e589
```
#04e589 rgb(4,229,137)
```
#04f895
```
#04f895 rgb(4,248,149)
```

Shade Color Variation

#14fb9e
```
#14fb9e rgb(20,251,158)
```
#28fca6
```
#28fca6 rgb(40,252,166)
```
#3bfcae
```
#3bfcae rgb(59,252,174)
```
#4efcb6
```
#4efcb6 rgb(78,252,182)
```
#62fcbe
```
#62fcbe rgb(98,252,190)
```
#75fdc6
```
#75fdc6 rgb(117,253,198)
```
#88fdce
```
#88fdce rgb(136,253,206)
```
#9cfdd6
```
#9cfdd6 rgb(156,253,214)
```
#affede
```
#affede rgb(175,254,222)
```
#c2fee6
```
#c2fee6 rgb(194,254,230)
```
#d5feee
```
#d5feee rgb(213,254,238)
```
#e9fff6
```
#e9fff6 rgb(233,255,246)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#78847f
```
#78847f rgb(120,132,127)
```
#6f8d81
```
#6f8d81 rgb(111,141,129)
```
#659783
```
#659783 rgb(101,151,131)
```
#5ba185
```
#5ba185 rgb(91,161,133)
```
#52aa86
```
#52aa86 rgb(82,170,134)
```
#48b488
```
#48b488 rgb(72,180,136)
```
#3ebe8a
```
#3ebe8a rgb(62,190,138)
```
#34c88c
```
#34c88c rgb(52,200,140)
```
#2bd18e
```
#2bd18e rgb(43,209,142)
```
#21db90
```
#21db90 rgb(33,219,144)
```
#17e591
```
#17e591 rgb(23,229,145)
```
#0eee93
```
#0eee93 rgb(14,238,147)
```
#04f895
```
#04f895 rgb(4,248,149)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#84b5a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edda8f Protanopia 1% of men
#ffd2aa Deuteranopia 1% of men
#6aecfd Tritanopia 0.001% of the population

Trichromacy

#98e591 Protanomaly 1% of men, 0.01% of women
#a3e0a2 Deuteranomaly 6% of men, 0.4% of women
#44f0d7 Tritanomaly 0.01% of the population

#04f895 hex color

#04f895 Color Information

#04f895 Color Conversion

Color Schemes with #04f895

Alternatives to #04f895

#04f895 Preview

Shades and Tints of #04f895

Tones of #04f895

Color Blindness Simulator