#04a8dc hex color

In a RGB color space, hex #04a8dc is composed of 1.6% red, 65.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 23.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 194.4 degrees, a saturation of 96.4% and a lightness of 43.9%. #04a8dc color hex could be obtained by blending #08ffff with #0051b9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 66
- B 86
RGB color chart
- C 98
- M 24
- Y 0
- K 14
CMYK color chart

● #04a8dc color description : Vivid cyan.

The hexadecimal color #04a8dc has RGB values of R:4, G:168, B:220 and CMYK values of C:0.98, M:0.24, Y:0, K:0.14. Its decimal value is 305372.

Hex triplet	04a8dc	`#04a8dc`
RGB Decimal	4, 168, 220	`rgb(4,168,220)`
RGB Percent	1.6, 65.9, 86.3	`rgb(1.6%,65.9%,86.3%)`
CMYK	98, 24, 0, 14
HSL	194.4°, 96.4, 43.9	`hsl(194.4,96.4%,43.9%)`
HSV (or HSB)	194.4°, 98.2, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.319, -17.651, -36.318
XYZ	26.968, 33.196, 72.692
xyY	0.203, 0.25, 33.196
CIE-LCH	64.319, 40.38, 244.08
CIE-LUV	64.319, -44.026, -55.373
Hunter-Lab	57.616, -17.279, -34.474
Binary	00000100, 10101000, 11011100

#04a8dc
```
#04a8dc rgb(4,168,220)
```
#dc3804
```
#dc3804 rgb(220,56,4)
```

Complementary Color

#04dca4
```
#04dca4 rgb(4,220,164)
```
#04a8dc
```
#04a8dc rgb(4,168,220)
```
#043cdc
```
#043cdc rgb(4,60,220)
```

Analogous Color

#dca404
```
#dca404 rgb(220,164,4)
```
#04a8dc
```
#04a8dc rgb(4,168,220)
```
#dc043c
```
#dc043c rgb(220,4,60)
```

Split Complementary Color

#a8dc04
```
#a8dc04 rgb(168,220,4)
```
#04a8dc
```
#04a8dc rgb(4,168,220)
```
#dc04a8
```
#dc04a8 rgb(220,4,168)
```

Triadic Color

#04dc38
```
#04dc38 rgb(4,220,56)
```
#04a8dc
```
#04a8dc rgb(4,168,220)
```
#dc04a8
```
#dc04a8 rgb(220,4,168)
```
#dc3804
```
#dc3804 rgb(220,56,4)
```

Tetradic Color

#036f91
```
#036f91 rgb(3,111,145)
```
#0382aa
```
#0382aa rgb(3,130,170)
```
#0495c3
```
#0495c3 rgb(4,149,195)
```
#04a8dc
```
#04a8dc rgb(4,168,220)
```
#04bbf5
```
#04bbf5 rgb(4,187,245)
```
#18c4fb
```
#18c4fb rgb(24,196,251)
```
#31cbfb
```
#31cbfb rgb(49,203,251)
```

Monochromatic Color

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

#04dcda
```
#04dcda rgb(4,220,218)
```
#04ccdc
```
#04ccdc rgb(4,204,220)
```
#04badc
```
#04badc rgb(4,186,220)
```
#04a8dc
```
#04a8dc rgb(4,168,220)
```
#0496dc
```
#0496dc rgb(4,150,220)
```
#0484dc
```
#0484dc rgb(4,132,220)
```
#0472dc
```
#0472dc rgb(4,114,220)
```

Similar Colors

Text with hexadecimal color #04a8dc

This text has a font color of #04a8dc.

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

#04a8dc background color

This paragraph has a background color of #04a8dc.

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

#04a8dc border color

This element has a border color of #04a8dc.

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

CSS codes

.text {color:#04a8dc;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#00151b
```
#00151b rgb(0,21,27)
```
#01242f
```
#01242f rgb(1,36,47)
```
#013242
```
#013242 rgb(1,50,66)
```
#024155
```
#024155 rgb(2,65,85)
```
#025068
```
#025068 rgb(2,80,104)
```
#025e7c
```
#025e7c rgb(2,94,124)
```
#036d8f
```
#036d8f rgb(3,109,143)
```
#037ca2
```
#037ca2 rgb(3,124,162)
```
#038bb5
```
#038bb5 rgb(3,139,181)
```
#0499c9
```
#0499c9 rgb(4,153,201)
```
#04a8dc
```
#04a8dc rgb(4,168,220)
```
#04b7ef
```
#04b7ef rgb(4,183,239)
```

Shade Color Variation

#0dc1fb
```
#0dc1fb rgb(13,193,251)
```
#20c6fb
```
#20c6fb rgb(32,198,251)
```
#33cbfb
```
#33cbfb rgb(51,203,251)
```
#46d0fc
```
#46d0fc rgb(70,208,252)
```
#5ad5fc
```
#5ad5fc rgb(90,213,252)
```
#6ddafc
```
#6ddafc rgb(109,218,252)
```
#80dffd
```
#80dffd rgb(128,223,253)
```
#93e4fd
```
#93e4fd rgb(147,228,253)
```
#a7e9fd
```
#a7e9fd rgb(167,233,253)
```
#baedfe
```
#baedfe rgb(186,237,254)
```
#cdf2fe
```
#cdf2fe rgb(205,242,254)
```
#e1f7fe
```
#e1f7fe rgb(225,247,254)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#6b7275
```
#6b7275 rgb(107,114,117)
```
#63777d
```
#63777d rgb(99,119,125)
```
#5a7b86
```
#5a7b86 rgb(90,123,134)
```
#52808e
```
#52808e rgb(82,128,142)
```
#498497
```
#498497 rgb(73,132,151)
```
#4089a0
```
#4089a0 rgb(64,137,160)
```
#388da8
```
#388da8 rgb(56,141,168)
```
#2f92b1
```
#2f92b1 rgb(47,146,177)
```
#2696ba
```
#2696ba rgb(38,150,186)
```
#1e9bc2
```
#1e9bc2 rgb(30,155,194)
```
#159fcb
```
#159fcb rgb(21,159,203)
```
#0da4d3
```
#0da4d3 rgb(13,164,211)
```
#04a8dc
```
#04a8dc rgb(4,168,220)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#658690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#909fd4 Protanopia 1% of men
#83a0e2 Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#5da2d7 Protanomaly 1% of men, 0.01% of women
#55a2e0 Deuteranomaly 6% of men, 0.4% of women
#01adc8 Tritanomaly 0.01% of the population

#04a8dc hex color

#04a8dc Color Information

#04a8dc Color Conversion

Color Schemes with #04a8dc

Alternatives to #04a8dc

#04a8dc Preview

Shades and Tints of #04a8dc

Tones of #04a8dc

Color Blindness Simulator