#04afdd hex color

In a RGB color space, hex #04afdd is composed of 1.6% red, 68.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 20.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 192.7 degrees, a saturation of 96.4% and a lightness of 44.1%. #04afdd color hex could be obtained by blending #08ffff with #005fbb. Closest websafe color is: #0099cc.

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

● #04afdd color description : Vivid cyan.

The hexadecimal color #04afdd has RGB values of R:4, G:175, B:221 and CMYK values of C:0.98, M:0.21, Y:0, K:0.13. Its decimal value is 307165.

Hex triplet	04afdd	`#04afdd`
RGB Decimal	4, 175, 221	`rgb(4,175,221)`
RGB Percent	1.6, 68.6, 86.7	`rgb(1.6%,68.6%,86.7%)`
CMYK	98, 21, 0, 13
HSL	192.7°, 96.4, 44.1	`hsl(192.7,96.4%,44.1%)`
HSV (or HSB)	192.7°, 98.2, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.446, -20.993, -33.562
XYZ	28.428, 35.903, 73.834
xyY	0.206, 0.26, 35.903
CIE-LCH	66.446, 39.586, 237.974
CIE-LUV	66.446, -46.321, -50.552
Hunter-Lab	59.919, -20.173, -31.115
Binary	00000100, 10101111, 11011101

#04afdd
```
#04afdd rgb(4,175,221)
```
#dd3204
```
#dd3204 rgb(221,50,4)
```

Complementary Color

#04dd9f
```
#04dd9f rgb(4,221,159)
```
#04afdd
```
#04afdd rgb(4,175,221)
```
#0443dd
```
#0443dd rgb(4,67,221)
```

Analogous Color

#dd9f04
```
#dd9f04 rgb(221,159,4)
```
#04afdd
```
#04afdd rgb(4,175,221)
```
#dd0443
```
#dd0443 rgb(221,4,67)
```

Split Complementary Color

#afdd04
```
#afdd04 rgb(175,221,4)
```
#04afdd
```
#04afdd rgb(4,175,221)
```
#dd04af
```
#dd04af rgb(221,4,175)
```

Triadic Color

#04dd32
```
#04dd32 rgb(4,221,50)
```
#04afdd
```
#04afdd rgb(4,175,221)
```
#dd04af
```
#dd04af rgb(221,4,175)
```
#dd3204
```
#dd3204 rgb(221,50,4)
```

Tetradic Color

#037492
```
#037492 rgb(3,116,146)
```
#0387ab
```
#0387ab rgb(3,135,171)
```
#049bc4
```
#049bc4 rgb(4,155,196)
```
#04afdd
```
#04afdd rgb(4,175,221)
```
#04c3f6
```
#04c3f6 rgb(4,195,246)
```
#19cbfb
```
#19cbfb rgb(25,203,251)
```
#32d1fb
```
#32d1fb rgb(50,209,251)
```

Monochromatic Color

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

#04ddd5
```
#04ddd5 rgb(4,221,213)
```
#04d3dd
```
#04d3dd rgb(4,211,221)
```
#04c1dd
```
#04c1dd rgb(4,193,221)
```
#04afdd
```
#04afdd rgb(4,175,221)
```
#049ddd
```
#049ddd rgb(4,157,221)
```
#048bdd
```
#048bdd rgb(4,139,221)
```
#0479dd
```
#0479dd rgb(4,121,221)
```

Similar Colors

Text with hexadecimal color #04afdd

This text has a font color of #04afdd.

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

#04afdd background color

This paragraph has a background color of #04afdd.

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

#04afdd border color

This element has a border color of #04afdd.

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

CSS codes

.text {color:#04afdd;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#01161c
```
#01161c rgb(1,22,28)
```
#012630
```
#012630 rgb(1,38,48)
```
#013543
```
#013543 rgb(1,53,67)
```
#024456
```
#024456 rgb(2,68,86)
```
#025369
```
#025369 rgb(2,83,105)
```
#02637d
```
#02637d rgb(2,99,125)
```
#037290
```
#037290 rgb(3,114,144)
```
#0381a3
```
#0381a3 rgb(3,129,163)
```
#0390b6
```
#0390b6 rgb(3,144,182)
```
#04a0ca
```
#04a0ca rgb(4,160,202)
```
#04afdd
```
#04afdd rgb(4,175,221)
```
#04bef0
```
#04bef0 rgb(4,190,240)
```

Shade Color Variation

#0ec8fb
```
#0ec8fb rgb(14,200,251)
```
#21cdfb
```
#21cdfb rgb(33,205,251)
```
#34d1fb
```
#34d1fb rgb(52,209,251)
```
#47d5fc
```
#47d5fc rgb(71,213,252)
```
#5bdafc
```
#5bdafc rgb(91,218,252)
```
#6edefc
```
#6edefc rgb(110,222,252)
```
#81e3fd
```
#81e3fd rgb(129,227,253)
```
#94e7fd
```
#94e7fd rgb(148,231,253)
```
#a8ebfd
```
#a8ebfd rgb(168,235,253)
```
#bbf0fe
```
#bbf0fe rgb(187,240,254)
```
#cef4fe
```
#cef4fe rgb(206,244,254)
```
#e2f8fe
```
#e2f8fe rgb(226,248,254)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#6c7375
```
#6c7375 rgb(108,115,117)
```
#63787e
```
#63787e rgb(99,120,126)
```
#5b7d86
```
#5b7d86 rgb(91,125,134)
```
#52828f
```
#52828f rgb(82,130,143)
```
#498798
```
#498798 rgb(73,135,152)
```
#418ca0
```
#418ca0 rgb(65,140,160)
```
#3891a9
```
#3891a9 rgb(56,145,169)
```
#2f96b2
```
#2f96b2 rgb(47,150,178)
```
#279bba
```
#279bba rgb(39,155,186)
```
#1ea0c3
```
#1ea0c3 rgb(30,160,195)
```
#15a5cc
```
#15a5cc rgb(21,165,204)
```
#0daad4
```
#0daad4 rgb(13,170,212)
```
#04afdd
```
#04afdd rgb(4,175,221)
```

Tone Color Variation

Below, you can see how #04afdd 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
#688a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d4 Protanopia 1% of men
#8da4e4 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#62a8d7 Protanomaly 1% of men, 0.01% of women
#5ba8e1 Deuteranomaly 6% of men, 0.4% of women
#01b3cc Tritanomaly 0.01% of the population

#04afdd hex color

#04afdd Color Information

#04afdd Color Conversion

Color Schemes with #04afdd

Alternatives to #04afdd

#04afdd Preview

Shades and Tints of #04afdd

Tones of #04afdd

Color Blindness Simulator