#04faf4 hex color

In a RGB color space, hex #04faf4 is composed of 1.6% red, 98% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 0% magenta, 2.4% yellow and 2% black. It has a hue angle of 178.5 degrees, a saturation of 96.9% and a lightness of 49.8%. #04faf4 color hex could be obtained by blending #08ffff with #00f5e9. Closest websafe color is: #00ffff.

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

● #04faf4 color description : Vivid cyan.

The hexadecimal color #04faf4 has RGB values of R:4, G:250, B:244 and CMYK values of C:0.98, M:0, Y:0.02, K:0.02. Its decimal value is 326388.

Hex triplet	04faf4	`#04faf4`
RGB Decimal	4, 250, 244	`rgb(4,250,244)`
RGB Percent	1.6, 98, 95.7	`rgb(1.6%,98%,95.7%)`
CMYK	98, 0, 2, 2
HSL	178.5°, 96.9, 49.8	`hsl(178.5,96.9%,49.8%)`
HSV (or HSB)	178.5°, 98.4, 98
Web Safe	00ffff	`#00ffff`

CIE-LAB	89.357, -48.998, -11.043
XYZ	50.56, 74.923, 97.38
xyY	0.227, 0.336, 74.923
CIE-LCH	89.357, 50.227, 192.701
CIE-LUV	89.357, -69.628, -9.923
Hunter-Lab	86.558, -47.213, -6.112
Binary	00000100, 11111010, 11110100

#04faf4
```
#04faf4 rgb(4,250,244)
```
#fa040a
```
#fa040a rgb(250,4,10)
```

Complementary Color

#04fa79
```
#04fa79 rgb(4,250,121)
```
#04faf4
```
#04faf4 rgb(4,250,244)
```
#0485fa
```
#0485fa rgb(4,133,250)
```

Analogous Color

#fa7904
```
#fa7904 rgb(250,121,4)
```
#04faf4
```
#04faf4 rgb(4,250,244)
```
#fa0485
```
#fa0485 rgb(250,4,133)
```

Split Complementary Color

#faf404
```
#faf404 rgb(250,244,4)
```
#04faf4
```
#04faf4 rgb(4,250,244)
```
#f404fa
```
#f404fa rgb(244,4,250)
```

Triadic Color

#0afa04
```
#0afa04 rgb(10,250,4)
```
#04faf4
```
#04faf4 rgb(4,250,244)
```
#f404fa
```
#f404fa rgb(244,4,250)
```
#fa040a
```
#fa040a rgb(250,4,10)
```

Tetradic Color

#03afab
```
#03afab rgb(3,175,171)
```
#03c8c3
```
#03c8c3 rgb(3,200,195)
```
#04e1dc
```
#04e1dc rgb(4,225,220)
```
#04faf4
```
#04faf4 rgb(4,250,244)
```
#1cfbf6
```
#1cfbf6 rgb(28,251,246)
```
#35fcf7
```
#35fcf7 rgb(53,252,247)
```
#4efcf8
```
#4efcf8 rgb(78,252,248)
```

Monochromatic Color

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

#04fab7
```
#04fab7 rgb(4,250,183)
```
#04facb
```
#04facb rgb(4,250,203)
```
#04fae0
```
#04fae0 rgb(4,250,224)
```
#04faf4
```
#04faf4 rgb(4,250,244)
```
#04ecfa
```
#04ecfa rgb(4,236,250)
```
#04d7fa
```
#04d7fa rgb(4,215,250)
```
#04c3fa
```
#04c3fa rgb(4,195,250)
```

Similar Colors

Text with hexadecimal color #04faf4

This text has a font color of #04faf4.

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

#04faf4 background color

This paragraph has a background color of #04faf4.

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

#04faf4 border color

This element has a border color of #04faf4.

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

CSS codes

.text {color:#04faf4;}

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

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

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

#001212
```
#001212 rgb(0,18,18)
```
#012625
```
#012625 rgb(1,38,37)
```
#013938
```
#013938 rgb(1,57,56)
```
#014c4a
```
#014c4a rgb(1,76,74)
```
#02605d
```
#02605d rgb(2,96,93)
```
#027370
```
#027370 rgb(2,115,112)
```
#028683
```
#028683 rgb(2,134,131)
```
#029996
```
#029996 rgb(2,153,150)
```
#03ada9
```
#03ada9 rgb(3,173,169)
```
#03c0bb
```
#03c0bb rgb(3,192,187)
```
#03d3ce
```
#03d3ce rgb(3,211,206)
```
#04e7e1
```
#04e7e1 rgb(4,231,225)
```
#04faf4
```
#04faf4 rgb(4,250,244)
```

Shade Color Variation

#16fbf6
```
#16fbf6 rgb(22,251,246)
```
#2afcf6
```
#2afcf6 rgb(42,252,246)
```
#3dfcf7
```
#3dfcf7 rgb(61,252,247)
```
#50fcf8
```
#50fcf8 rgb(80,252,248)
```
#64fdf9
```
#64fdf9 rgb(100,253,249)
```
#77fdfa
```
#77fdfa rgb(119,253,250)
```
#8afdfa
```
#8afdfa rgb(138,253,250)
```
#9dfdfb
```
#9dfdfb rgb(157,253,251)
```
#b1fefc
```
#b1fefc rgb(177,254,252)
```
#c4fefd
```
#c4fefd rgb(196,254,253)
```
#d7fefd
```
#d7fefd rgb(215,254,253)
```
#ebfffe
```
#ebfffe rgb(235,255,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#798584
```
#798584 rgb(121,133,132)
```
#6f8f8e
```
#6f8f8e rgb(111,143,142)
```
#669897
```
#669897 rgb(102,152,151)
```
#5ca2a0
```
#5ca2a0 rgb(92,162,160)
```
#52acaa
```
#52acaa rgb(82,172,170)
```
#48b6b3
```
#48b6b3 rgb(72,182,179)
```
#3fbfbc
```
#3fbfbc rgb(63,191,188)
```
#35c9c6
```
#35c9c6 rgb(53,201,198)
```
#2bd3cf
```
#2bd3cf rgb(43,211,207)
```
#21ddd8
```
#21ddd8 rgb(33,221,216)
```
#18e6e1
```
#18e6e1 rgb(24,230,225)
```
#0ef0eb
```
#0ef0eb rgb(14,240,235)
```
#04faf4
```
#04faf4 rgb(4,250,244)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#8ebfbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e0e6 Protanopia 1% of men
#e8dcff Deuteranopia 1% of men
#8bf1ff Tritanopia 0.001% of the population

Trichromacy

#92eaeb Protanomaly 1% of men, 0.01% of women
#95e7fb Deuteranomaly 6% of men, 0.4% of women
#5af4fb Tritanomaly 0.01% of the population

#04faf4 hex color

#04faf4 Color Information

#04faf4 Color Conversion

Color Schemes with #04faf4

Alternatives to #04faf4

#04faf4 Preview

Shades and Tints of #04faf4

Tones of #04faf4

Color Blindness Simulator