#04afe4 hex color

In a RGB color space, hex #04afe4 is composed of 1.6% red, 68.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 23.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 194.2 degrees, a saturation of 96.6% and a lightness of 45.5%. #04afe4 color hex could be obtained by blending #08ffff with #005fc9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 69
- B 89
RGB color chart
- C 98
- M 23
- Y 0
- K 11
CMYK color chart

● #04afe4 color description : Vivid cyan.

The hexadecimal color #04afe4 has RGB values of R:4, G:175, B:228 and CMYK values of C:0.98, M:0.23, Y:0, K:0.11. Its decimal value is 307172.

Hex triplet	04afe4	`#04afe4`
RGB Decimal	4, 175, 228	`rgb(4,175,228)`
RGB Percent	1.6, 68.6, 89.4	`rgb(1.6%,68.6%,89.4%)`
CMYK	98, 23, 0, 11
HSL	194.2°, 96.6, 45.5	`hsl(194.2,96.6%,45.5%)`
HSV (or HSB)	194.2°, 98.2, 89.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.737, -18.552, -36.952
XYZ	29.38, 36.284, 78.85
xyY	0.203, 0.251, 36.284
CIE-LCH	66.737, 41.348, 243.34
CIE-LUV	66.737, -45.798, -56.63
Hunter-Lab	60.236, -18.352, -35.445
Binary	00000100, 10101111, 11100100

#04afe4
```
#04afe4 rgb(4,175,228)
```
#e43904
```
#e43904 rgb(228,57,4)
```

Complementary Color

#04e4a9
```
#04e4a9 rgb(4,228,169)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```
#043fe4
```
#043fe4 rgb(4,63,228)
```

Analogous Color

#e4a904
```
#e4a904 rgb(228,169,4)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```
#e4043f
```
#e4043f rgb(228,4,63)
```

Split Complementary Color

#afe404
```
#afe404 rgb(175,228,4)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```
#e404af
```
#e404af rgb(228,4,175)
```

Triadic Color

#04e439
```
#04e439 rgb(4,228,57)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```
#e404af
```
#e404af rgb(228,4,175)
```
#e43904
```
#e43904 rgb(228,57,4)
```

Tetradic Color

#037599
```
#037599 rgb(3,117,153)
```
#0389b2
```
#0389b2 rgb(3,137,178)
```
#049ccb
```
#049ccb rgb(4,156,203)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```
#07c1fb
```
#07c1fb rgb(7,193,251)
```
#20c7fb
```
#20c7fb rgb(32,199,251)
```
#39cdfc
```
#39cdfc rgb(57,205,252)
```

Monochromatic Color

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

#04e4e1
```
#04e4e1 rgb(4,228,225)
```
#04d4e4
```
#04d4e4 rgb(4,212,228)
```
#04c2e4
```
#04c2e4 rgb(4,194,228)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```
#049ce4
```
#049ce4 rgb(4,156,228)
```
#048ae4
```
#048ae4 rgb(4,138,228)
```
#0477e4
```
#0477e4 rgb(4,119,228)
```

Similar Colors

Text with hexadecimal color #04afe4

This text has a font color of #04afe4.

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

#04afe4 background color

This paragraph has a background color of #04afe4.

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

#04afe4 border color

This element has a border color of #04afe4.

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

CSS codes

.text {color:#04afe4;}

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

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

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

#000c10
```
#000c10 rgb(0,12,16)
```
#011b23
```
#011b23 rgb(1,27,35)
```
#012a37
```
#012a37 rgb(1,42,55)
```
#01394a
```
#01394a rgb(1,57,74)
```
#02475d
```
#02475d rgb(2,71,93)
```
#025670
```
#025670 rgb(2,86,112)
```
#026584
```
#026584 rgb(2,101,132)
```
#037497
```
#037497 rgb(3,116,151)
```
#0383aa
```
#0383aa rgb(3,131,170)
```
#0391bd
```
#0391bd rgb(3,145,189)
```
#04a0d1
```
#04a0d1 rgb(4,160,209)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```
#04bef7
```
#04bef7 rgb(4,190,247)
```

Shade Color Variation

#14c4fb
```
#14c4fb rgb(20,196,251)
```
#28c9fb
```
#28c9fb rgb(40,201,251)
```
#3bcefc
```
#3bcefc rgb(59,206,252)
```
#4ed3fc
```
#4ed3fc rgb(78,211,252)
```
#61d8fc
```
#61d8fc rgb(97,216,252)
```
#75dcfd
```
#75dcfd rgb(117,220,253)
```
#88e1fd
```
#88e1fd rgb(136,225,253)
```
#9be6fd
```
#9be6fd rgb(155,230,253)
```
#afebfe
```
#afebfe rgb(175,235,254)
```
#c2f0fe
```
#c2f0fe rgb(194,240,254)
```
#d5f5fe
```
#d5f5fe rgb(213,245,254)
```
#e8f9ff
```
#e8f9ff rgb(232,249,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#6f7779
```
#6f7779 rgb(111,119,121)
```
#667b82
```
#667b82 rgb(102,123,130)
```
#5d808b
```
#5d808b rgb(93,128,139)
```
#548594
```
#548594 rgb(84,133,148)
```
#4b899d
```
#4b899d rgb(75,137,157)
```
#428ea6
```
#428ea6 rgb(66,142,166)
```
#3a93ae
```
#3a93ae rgb(58,147,174)
```
#3197b7
```
#3197b7 rgb(49,151,183)
```
#289cc0
```
#289cc0 rgb(40,156,192)
```
#1fa1c9
```
#1fa1c9 rgb(31,161,201)
```
#16a6d2
```
#16a6d2 rgb(22,166,210)
```
#0daadb
```
#0daadb rgb(13,170,219)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#698b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a5db Protanopia 1% of men
#89a6ea Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#61a8de Protanomaly 1% of men, 0.01% of women
#58a9e8 Deuteranomaly 6% of men, 0.4% of women
#01b4cf Tritanomaly 0.01% of the population

#04afe4 hex color

#04afe4 Color Information

#04afe4 Color Conversion

Color Schemes with #04afe4

Alternatives to #04afe4

#04afe4 Preview

Shades and Tints of #04afe4

Tones of #04afe4

Color Blindness Simulator