#04afd4 hex color

In a RGB color space, hex #04afd4 is composed of 1.6% red, 68.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 17.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 190.7 degrees, a saturation of 96.3% and a lightness of 42.4%. #04afd4 color hex could be obtained by blending #08ffff with #005fa9. Closest websafe color is: #0099cc.

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

● #04afd4 color description : Strong cyan.

The hexadecimal color #04afd4 has RGB values of R:4, G:175, B:212 and CMYK values of C:0.98, M:0.17, Y:0, K:0.17. Its decimal value is 307156.

Hex triplet	04afd4	`#04afd4`
RGB Decimal	4, 175, 212	`rgb(4,175,212)`
RGB Percent	1.6, 68.6, 83.1	`rgb(1.6%,68.6%,83.1%)`
CMYK	98, 17, 0, 17
HSL	190.7°, 96.3, 42.4	`hsl(190.7,96.3%,42.4%)`
HSV (or HSB)	190.7°, 98.1, 83.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.087, -24.086, -29.162
XYZ	27.26, 35.436, 67.687
xyY	0.209, 0.272, 35.436
CIE-LCH	66.087, 37.823, 230.445
CIE-LUV	66.087, -47.008, -42.718
Hunter-Lab	59.529, -22.433, -25.746
Binary	00000100, 10101111, 11010100

#04afd4
```
#04afd4 rgb(4,175,212)
```
#d42904
```
#d42904 rgb(212,41,4)
```

Complementary Color

#04d491
```
#04d491 rgb(4,212,145)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```
#0447d4
```
#0447d4 rgb(4,71,212)
```

Analogous Color

#d49104
```
#d49104 rgb(212,145,4)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```
#d40447
```
#d40447 rgb(212,4,71)
```

Split Complementary Color

#afd404
```
#afd404 rgb(175,212,4)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```
#d404af
```
#d404af rgb(212,4,175)
```

Triadic Color

#04d429
```
#04d429 rgb(4,212,41)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```
#d404af
```
#d404af rgb(212,4,175)
```
#d42904
```
#d42904 rgb(212,41,4)
```

Tetradic Color

#037189
```
#037189 rgb(3,113,137)
```
#0386a2
```
#0386a2 rgb(3,134,162)
```
#049abb
```
#049abb rgb(4,154,187)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```
#04c4ed
```
#04c4ed rgb(4,196,237)
```
#11d1fb
```
#11d1fb rgb(17,209,251)
```
#2ad6fb
```
#2ad6fb rgb(42,214,251)
```

Monochromatic Color

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

#04d4c5
```
#04d4c5 rgb(4,212,197)
```
#04d2d4
```
#04d2d4 rgb(4,210,212)
```
#04c0d4
```
#04c0d4 rgb(4,192,212)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```
#049ed4
```
#049ed4 rgb(4,158,212)
```
#048cd4
```
#048cd4 rgb(4,140,212)
```
#047bd4
```
#047bd4 rgb(4,123,212)
```

Similar Colors

Text with hexadecimal color #04afd4

This text has a font color of #04afd4.

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

#04afd4 background color

This paragraph has a background color of #04afd4.

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

#04afd4 border color

This element has a border color of #04afd4.

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

CSS codes

.text {color:#04afd4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#001013
```
#001013 rgb(0,16,19)
```
#012027
```
#012027 rgb(1,32,39)
```
#01303a
```
#01303a rgb(1,48,58)
```
#01404d
```
#01404d rgb(1,64,77)
```
#025060
```
#025060 rgb(2,80,96)
```
#026074
```
#026074 rgb(2,96,116)
```
#036f87
```
#036f87 rgb(3,111,135)
```
#037f9a
```
#037f9a rgb(3,127,154)
```
#038fad
```
#038fad rgb(3,143,173)
```
#049fc1
```
#049fc1 rgb(4,159,193)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```
#04bfe7
```
#04bfe7 rgb(4,191,231)
```

Shade Color Variation

#05cffa
```
#05cffa rgb(5,207,250)
```
#18d2fb
```
#18d2fb rgb(24,210,251)
```
#2bd6fb
```
#2bd6fb rgb(43,214,251)
```
#3fdafb
```
#3fdafb rgb(63,218,251)
```
#52defc
```
#52defc rgb(82,222,252)
```
#65e1fc
```
#65e1fc rgb(101,225,252)
```
#78e5fc
```
#78e5fc rgb(120,229,252)
```
#8ce9fd
```
#8ce9fd rgb(140,233,253)
```
#9fecfd
```
#9fecfd rgb(159,236,253)
```
#b2f0fe
```
#b2f0fe rgb(178,240,254)
```
#c5f4fe
```
#c5f4fe rgb(197,244,254)
```
#d9f8fe
```
#d9f8fe rgb(217,248,254)
```
#ecfbff
```
#ecfbff rgb(236,251,255)
```

Tint Color Variation

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

#686f70
```
#686f70 rgb(104,111,112)
```
#5f7479
```
#5f7479 rgb(95,116,121)
```
#577981
```
#577981 rgb(87,121,129)
```
#4f7f89
```
#4f7f89 rgb(79,127,137)
```
#468492
```
#468492 rgb(70,132,146)
```
#3e8a9a
```
#3e8a9a rgb(62,138,154)
```
#368fa2
```
#368fa2 rgb(54,143,162)
```
#2e94aa
```
#2e94aa rgb(46,148,170)
```
#259ab3
```
#259ab3 rgb(37,154,179)
```
#1d9fbb
```
#1d9fbb rgb(29,159,187)
```
#15a4c3
```
#15a4c3 rgb(21,164,195)
```
#0caacc
```
#0caacc rgb(12,170,204)
```
#04afd4
```
#04afd4 rgb(4,175,212)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#678991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa3cc Protanopia 1% of men
#93a3dc Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#64a7cf Protanomaly 1% of men, 0.01% of women
#5fa7d9 Deuteranomaly 6% of men, 0.4% of women
#01b3c8 Tritanomaly 0.01% of the population

#04afd4 hex color

#04afd4 Color Information

#04afd4 Color Conversion

Color Schemes with #04afd4

Alternatives to #04afd4

#04afd4 Preview

Shades and Tints of #04afd4

Tones of #04afd4

Color Blindness Simulator