#04afdf hex color

In a RGB color space, hex #04afdf is composed of 1.6% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 193.2 degrees, a saturation of 96.5% and a lightness of 44.5%. #04afdf color hex could be obtained by blending #08ffff with #005fbf. Closest websafe color is: #0099cc.

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

● #04afdf color description : Vivid cyan.

The hexadecimal color #04afdf has RGB values of R:4, G:175, B:223 and CMYK values of C:0.98, M:0.22, Y:0, K:0.13. Its decimal value is 307167.

Hex triplet	04afdf	`#04afdf`
RGB Decimal	4, 175, 223	`rgb(4,175,223)`
RGB Percent	1.6, 68.6, 87.5	`rgb(1.6%,68.6%,87.5%)`
CMYK	98, 22, 0, 13
HSL	193.2°, 96.5, 44.5	`hsl(193.2,96.5%,44.5%)`
HSV (or HSB)	193.2°, 98.2, 87.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.528, -20.298, -34.533
XYZ	28.696, 36.011, 75.246
xyY	0.205, 0.257, 36.011
CIE-LCH	66.528, 40.057, 239.553
CIE-LUV	66.528, -46.171, -52.29
Hunter-Lab	60.009, -19.658, -32.339
Binary	00000100, 10101111, 11011111

#04afdf
```
#04afdf rgb(4,175,223)
```
#df3404
```
#df3404 rgb(223,52,4)
```

Complementary Color

#04dfa2
```
#04dfa2 rgb(4,223,162)
```
#04afdf
```
#04afdf rgb(4,175,223)
```
#0442df
```
#0442df rgb(4,66,223)
```

Analogous Color

#dfa204
```
#dfa204 rgb(223,162,4)
```
#04afdf
```
#04afdf rgb(4,175,223)
```
#df0442
```
#df0442 rgb(223,4,66)
```

Split Complementary Color

#afdf04
```
#afdf04 rgb(175,223,4)
```
#04afdf
```
#04afdf rgb(4,175,223)
```
#df04af
```
#df04af rgb(223,4,175)
```

Triadic Color

#04df34
```
#04df34 rgb(4,223,52)
```
#04afdf
```
#04afdf rgb(4,175,223)
```
#df04af
```
#df04af rgb(223,4,175)
```
#df3404
```
#df3404 rgb(223,52,4)
```

Tetradic Color

#037494
```
#037494 rgb(3,116,148)
```
#0388ad
```
#0388ad rgb(3,136,173)
```
#049bc6
```
#049bc6 rgb(4,155,198)
```
#04afdf
```
#04afdf rgb(4,175,223)
```
#04c3f8
```
#04c3f8 rgb(4,195,248)
```
#1bcafb
```
#1bcafb rgb(27,202,251)
```
#34d0fb
```
#34d0fb rgb(52,208,251)
```

Monochromatic Color

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

#04dfd8
```
#04dfd8 rgb(4,223,216)
```
#04d4df
```
#04d4df rgb(4,212,223)
```
#04c1df
```
#04c1df rgb(4,193,223)
```
#04afdf
```
#04afdf rgb(4,175,223)
```
#049ddf
```
#049ddf rgb(4,157,223)
```
#048bdf
```
#048bdf rgb(4,139,223)
```
#0478df
```
#0478df rgb(4,120,223)
```

Similar Colors

Text with hexadecimal color #04afdf

This text has a font color of #04afdf.

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

#04afdf background color

This paragraph has a background color of #04afdf.

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

#04afdf border color

This element has a border color of #04afdf.

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

CSS codes

.text {color:#04afdf;}

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

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

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, #00090b is the darkest color, while #f7fdff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#01181e
```
#01181e rgb(1,24,30)
```
#012732
```
#012732 rgb(1,39,50)
```
#013645
```
#013645 rgb(1,54,69)
```
#024558
```
#024558 rgb(2,69,88)
```
#02546b
```
#02546b rgb(2,84,107)
```
#02637f
```
#02637f rgb(2,99,127)
```
#037392
```
#037392 rgb(3,115,146)
```
#0382a5
```
#0382a5 rgb(3,130,165)
```
#0391b8
```
#0391b8 rgb(3,145,184)
```
#04a0cc
```
#04a0cc rgb(4,160,204)
```
#04afdf
```
#04afdf rgb(4,175,223)
```
#04bef2
```
#04bef2 rgb(4,190,242)
```

Shade Color Variation

#10c7fb
```
#10c7fb rgb(16,199,251)
```
#23ccfb
```
#23ccfb rgb(35,204,251)
```
#36d0fb
```
#36d0fb rgb(54,208,251)
```
#49d5fc
```
#49d5fc rgb(73,213,252)
```
#5dd9fc
```
#5dd9fc rgb(93,217,252)
```
#70defc
```
#70defc rgb(112,222,252)
```
#83e2fd
```
#83e2fd rgb(131,226,253)
```
#96e7fd
```
#96e7fd rgb(150,231,253)
```
#aaebfd
```
#aaebfd rgb(170,235,253)
```
#bdf0fe
```
#bdf0fe rgb(189,240,254)
```
#d0f4fe
```
#d0f4fe rgb(208,244,254)
```
#e3f9ff
```
#e3f9ff rgb(227,249,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#6d7476
```
#6d7476 rgb(109,116,118)
```
#64797f
```
#64797f rgb(100,121,127)
```
#5b7e88
```
#5b7e88 rgb(91,126,136)
```
#538390
```
#538390 rgb(83,131,144)
```
#4a8899
```
#4a8899 rgb(74,136,153)
```
#418da2
```
#418da2 rgb(65,141,162)
```
#3892ab
```
#3892ab rgb(56,146,171)
```
#3096b3
```
#3096b3 rgb(48,150,179)
```
#279bbc
```
#279bbc rgb(39,155,188)
```
#1ea0c5
```
#1ea0c5 rgb(30,160,197)
```
#15a5ce
```
#15a5ce rgb(21,165,206)
```
#0daad6
```
#0daad6 rgb(13,170,214)
```
#04afdf
```
#04afdf rgb(4,175,223)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#688a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a4d6 Protanopia 1% of men
#8ca5e6 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#62a8d9 Protanomaly 1% of men, 0.01% of women
#5ba8e3 Deuteranomaly 6% of men, 0.4% of women
#01b4cd Tritanomaly 0.01% of the population

#04afdf hex color

#04afdf Color Information

#04afdf Color Conversion

Color Schemes with #04afdf

Alternatives to #04afdf

#04afdf Preview

Shades and Tints of #04afdf

Tones of #04afdf

Color Blindness Simulator