#04f685 hex color

In a RGB color space, hex #04f685 is composed of 1.6% red, 96.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 0% magenta, 45.9% yellow and 3.5% black. It has a hue angle of 152 degrees, a saturation of 96.8% and a lightness of 49%. #04f685 color hex could be obtained by blending #08ffff with #00ed0b. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 2
- G 96
- B 52
RGB color chart
- C 98
- M 0
- Y 46
- K 4
CMYK color chart

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

The hexadecimal color #04f685 has RGB values of R:4, G:246, B:133 and CMYK values of C:0.98, M:0, Y:0.46, K:0.04. Its decimal value is 325253.

Hex triplet	04f685	`#04f685`
RGB Decimal	4, 246, 133	`rgb(4,246,133)`
RGB Percent	1.6, 96.5, 52.2	`rgb(1.6%,96.5%,52.2%)`
CMYK	98, 0, 46, 4
HSL	152°, 96.8, 49	`hsl(152,96.8%,49%)`
HSV (or HSB)	152°, 98.4, 96.5
Web Safe	00ff99	`#00ff99`

CIE-LAB	85.819, -73.017, 40.829
XYZ	37.237, 67.627, 33.28
xyY	0.27, 0.49, 67.627
CIE-LCH	85.819, 83.657, 150.787
CIE-LUV	85.819, -76.407, 67.204
Hunter-Lab	82.235, -63.086, 33.571
Binary	00000100, 11110110, 10000101

#04f685
```
#04f685 rgb(4,246,133)
```
#f60475
```
#f60475 rgb(246,4,117)
```

Complementary Color

#04f60c
```
#04f60c rgb(4,246,12)
```
#04f685
```
#04f685 rgb(4,246,133)
```
#04eef6
```
#04eef6 rgb(4,238,246)
```

Analogous Color

#f60c04
```
#f60c04 rgb(246,12,4)
```
#04f685
```
#04f685 rgb(4,246,133)
```
#f604ee
```
#f604ee rgb(246,4,238)
```

Split Complementary Color

#f68504
```
#f68504 rgb(246,133,4)
```
#04f685
```
#04f685 rgb(4,246,133)
```
#8504f6
```
#8504f6 rgb(133,4,246)
```

Triadic Color

#75f604
```
#75f604 rgb(117,246,4)
```
#04f685
```
#04f685 rgb(4,246,133)
```
#8504f6
```
#8504f6 rgb(133,4,246)
```
#f60475
```
#f60475 rgb(246,4,117)
```

Tetradic Color

#03ab5c
```
#03ab5c rgb(3,171,92)
```
#03c46a
```
#03c46a rgb(3,196,106)
```
#04dd77
```
#04dd77 rgb(4,221,119)
```
#04f685
```
#04f685 rgb(4,246,133)
```
#18fb91
```
#18fb91 rgb(24,251,145)
```
#31fc9d
```
#31fc9d rgb(49,252,157)
```
#4afca9
```
#4afca9 rgb(74,252,169)
```

Monochromatic Color

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

#04f649
```
#04f649 rgb(4,246,73)
```
#04f65d
```
#04f65d rgb(4,246,93)
```
#04f671
```
#04f671 rgb(4,246,113)
```
#04f685
```
#04f685 rgb(4,246,133)
```
#04f699
```
#04f699 rgb(4,246,153)
```
#04f6ad
```
#04f6ad rgb(4,246,173)
```
#04f6c2
```
#04f6c2 rgb(4,246,194)
```

Similar Colors

Text with hexadecimal color #04f685

This text has a font color of #04f685.

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

#04f685 background color

This paragraph has a background color of #04f685.

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

#04f685 border color

This element has a border color of #04f685.

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

CSS codes

.text {color:#04f685;}

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

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

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

#000e08
```
#000e08 rgb(0,14,8)
```
#012212
```
#012212 rgb(1,34,18)
```
#01351d
```
#01351d rgb(1,53,29)
```
#014827
```
#014827 rgb(1,72,39)
```
#015c32
```
#015c32 rgb(1,92,50)
```
#026f3c
```
#026f3c rgb(2,111,60)
```
#028246
```
#028246 rgb(2,130,70)
```
#029551
```
#029551 rgb(2,149,81)
```
#03a95b
```
#03a95b rgb(3,169,91)
```
#03bc66
```
#03bc66 rgb(3,188,102)
```
#03cf70
```
#03cf70 rgb(3,207,112)
```
#04e37b
```
#04e37b rgb(4,227,123)
```
#04f685
```
#04f685 rgb(4,246,133)
```

Shade Color Variation

#12fb8f
```
#12fb8f rgb(18,251,143)
```
#26fb98
```
#26fb98 rgb(38,251,152)
```
#39fca1
```
#39fca1 rgb(57,252,161)
```
#4cfcaa
```
#4cfcaa rgb(76,252,170)
```
#60fcb3
```
#60fcb3 rgb(96,252,179)
```
#73fdbc
```
#73fdbc rgb(115,253,188)
```
#86fdc6
```
#86fdc6 rgb(134,253,198)
```
#9afdcf
```
#9afdcf rgb(154,253,207)
```
#adfed8
```
#adfed8 rgb(173,254,216)
```
#c0fee1
```
#c0fee1 rgb(192,254,225)
```
#d3feea
```
#d3feea rgb(211,254,234)
```
#e7fff3
```
#e7fff3 rgb(231,255,243)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

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

#77837d
```
#77837d rgb(119,131,125)
```
#6e8c7e
```
#6e8c7e rgb(110,140,126)
```
#64967f
```
#64967f rgb(100,150,127)
```
#5b9f7f
```
#5b9f7f rgb(91,159,127)
```
#51a980
```
#51a980 rgb(81,169,128)
```
#47b381
```
#47b381 rgb(71,179,129)
```
#3ebc81
```
#3ebc81 rgb(62,188,129)
```
#34c682
```
#34c682 rgb(52,198,130)
```
#2ad082
```
#2ad082 rgb(42,208,130)
```
#21d983
```
#21d983 rgb(33,217,131)
```
#17e384
```
#17e384 rgb(23,227,132)
```
#0eec84
```
#0eec84 rgb(14,236,132)
```
#04f685
```
#04f685 rgb(4,246,133)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#82b29b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd880 Protanopia 1% of men
#ffd09d Deuteranopia 1% of men
#6ce9fa Tritanopia 0.001% of the population

Trichromacy

#98e382 Protanomaly 1% of men, 0.01% of women
#a3de94 Deuteranomaly 6% of men, 0.4% of women
#46eecf Tritanomaly 0.01% of the population

#04f685 hex color

#04f685 Color Information

#04f685 Color Conversion

Color Schemes with #04f685

Alternatives to #04f685

#04f685 Preview

Shades and Tints of #04f685

Tones of #04f685

Color Blindness Simulator