#04f8c2 hex color

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

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

● #04f8c2 color description : Vivid cyan.

The hexadecimal color #04f8c2 has RGB values of R:4, G:248, B:194 and CMYK values of C:0.98, M:0, Y:0.22, K:0.03. Its decimal value is 325826.

Hex triplet	04f8c2	`#04f8c2`
RGB Decimal	4, 248, 194	`rgb(4,248,194)`
RGB Percent	1.6, 97.3, 76.1	`rgb(1.6%,97.3%,76.1%)`
CMYK	98, 0, 22, 3
HSL	166.7°, 96.8, 49.4	`hsl(166.7,96.8%,49.4%)`
HSV (or HSB)	166.7°, 98.4, 97.3
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	87.51, -61.284, 12.281
XYZ	43.351, 71.051, 62.465
xyY	0.245, 0.402, 71.051
CIE-LCH	87.51, 62.502, 168.668
CIE-LUV	87.51, -72.914, 28.302
Hunter-Lab	84.292, -55.708, 15.067
Binary	00000100, 11111000, 11000010

#04f8c2
```
#04f8c2 rgb(4,248,194)
```
#f8043a
```
#f8043a rgb(248,4,58)
```

Complementary Color

#04f848
```
#04f848 rgb(4,248,72)
```
#04f8c2
```
#04f8c2 rgb(4,248,194)
```
#04b4f8
```
#04b4f8 rgb(4,180,248)
```

Analogous Color

#f84804
```
#f84804 rgb(248,72,4)
```
#04f8c2
```
#04f8c2 rgb(4,248,194)
```
#f804b4
```
#f804b4 rgb(248,4,180)
```

Split Complementary Color

#f8c204
```
#f8c204 rgb(248,194,4)
```
#04f8c2
```
#04f8c2 rgb(4,248,194)
```
#c204f8
```
#c204f8 rgb(194,4,248)
```

Triadic Color

#3af804
```
#3af804 rgb(58,248,4)
```
#04f8c2
```
#04f8c2 rgb(4,248,194)
```
#c204f8
```
#c204f8 rgb(194,4,248)
```
#f8043a
```
#f8043a rgb(248,4,58)
```

Tetradic Color

#03ad87
```
#03ad87 rgb(3,173,135)
```
#03c69b
```
#03c69b rgb(3,198,155)
```
#04dfae
```
#04dfae rgb(4,223,174)
```
#04f8c2
```
#04f8c2 rgb(4,248,194)
```
#1afbc9
```
#1afbc9 rgb(26,251,201)
```
#33fccf
```
#33fccf rgb(51,252,207)
```
#4cfcd5
```
#4cfcd5 rgb(76,252,213)
```

Monochromatic Color

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

#04f885
```
#04f885 rgb(4,248,133)
```
#04f899
```
#04f899 rgb(4,248,153)
```
#04f8ae
```
#04f8ae rgb(4,248,174)
```
#04f8c2
```
#04f8c2 rgb(4,248,194)
```
#04f8d6
```
#04f8d6 rgb(4,248,214)
```
#04f8eb
```
#04f8eb rgb(4,248,235)
```
#04f1f8
```
#04f1f8 rgb(4,241,248)
```

Similar Colors

Text with hexadecimal color #04f8c2

This text has a font color of #04f8c2.

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

#04f8c2 background color

This paragraph has a background color of #04f8c2.

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

#04f8c2 border color

This element has a border color of #04f8c2.

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

CSS codes

.text {color:#04f8c2;}

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

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

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

#00100d
```
#00100d rgb(0,16,13)
```
#01241c
```
#01241c rgb(1,36,28)
```
#01372b
```
#01372b rgb(1,55,43)
```
#014a3a
```
#014a3a rgb(1,74,58)
```
#025e49
```
#025e49 rgb(2,94,73)
```
#027158
```
#027158 rgb(2,113,88)
```
#028467
```
#028467 rgb(2,132,103)
```
#029776
```
#029776 rgb(2,151,118)
```
#03ab86
```
#03ab86 rgb(3,171,134)
```
#03be95
```
#03be95 rgb(3,190,149)
```
#03d1a4
```
#03d1a4 rgb(3,209,164)
```
#04e5b3
```
#04e5b3 rgb(4,229,179)
```
#04f8c2
```
#04f8c2 rgb(4,248,194)
```

Shade Color Variation

#14fbc8
```
#14fbc8 rgb(20,251,200)
```
#28fccd
```
#28fccd rgb(40,252,205)
```
#3bfcd1
```
#3bfcd1 rgb(59,252,209)
```
#4efcd6
```
#4efcd6 rgb(78,252,214)
```
#62fcda
```
#62fcda rgb(98,252,218)
```
#75fddf
```
#75fddf rgb(117,253,223)
```
#88fde3
```
#88fde3 rgb(136,253,227)
```
#9cfde8
```
#9cfde8 rgb(156,253,232)
```
#affeec
```
#affeec rgb(175,254,236)
```
#c2fef1
```
#c2fef1 rgb(194,254,241)
```
#d5fef5
```
#d5fef5 rgb(213,254,245)
```
#e9fffa
```
#e9fffa rgb(233,255,250)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#788481
```
#788481 rgb(120,132,129)
```
#6f8d87
```
#6f8d87 rgb(111,141,135)
```
#65978c
```
#65978c rgb(101,151,140)
```
#5ba191
```
#5ba191 rgb(91,161,145)
```
#52aa97
```
#52aa97 rgb(82,170,151)
```
#48b49c
```
#48b49c rgb(72,180,156)
```
#3ebea2
```
#3ebea2 rgb(62,190,162)
```
#34c8a7
```
#34c8a7 rgb(52,200,167)
```
#2bd1ac
```
#2bd1ac rgb(43,209,172)
```
#21dbb2
```
#21dbb2 rgb(33,219,178)
```
#17e5b7
```
#17e5b7 rgb(23,229,183)
```
#0eeebd
```
#0eeebd rgb(14,238,189)
```
#04f8c2
```
#04f8c2 rgb(4,248,194)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#88b9ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9dcb8 Protanopia 1% of men
#f6d6d1 Deuteranopia 1% of men
#6eeeff Tritanopia 0.001% of the population

Trichromacy

#96e6bb Protanomaly 1% of men, 0.01% of women
#9ee2cb Deuteranomaly 6% of men, 0.4% of women
#47f2e8 Tritanomaly 0.01% of the population

#04f8c2 hex color

#04f8c2 Color Information

#04f8c2 Color Conversion

Color Schemes with #04f8c2

Alternatives to #04f8c2

#04f8c2 Preview

Shades and Tints of #04f8c2

Tones of #04f8c2

Color Blindness Simulator