colorhexa.com

#04a2dd hex color

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

- R 2
- G 64
- B 87
RGB color chart
- C 98
- M 27
- Y 0
- K 13
CMYK color chart

● #04a2dd color description : Vivid blue.

The hexadecimal color #04a2dd has RGB values of R:4, G:162, B:221 and CMYK values of C:0.98, M:0.27, Y:0, K:0.13. Its decimal value is 303837.

Hex triplet	04a2dd	`#04a2dd`
RGB Decimal	4, 162, 221	`rgb(4,162,221)`
RGB Percent	1.6, 63.5, 86.7	`rgb(1.6%,63.5%,86.7%)`
CMYK	98, 27, 0, 13
HSL	196.3°, 96.4, 44.1	`hsl(196.3,96.4%,44.1%)`
HSV (or HSB)	196.3°, 98.2, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.579, -14.051, -39.59
XYZ	26.018, 31.084, 73.031
xyY	0.2, 0.239, 31.084
CIE-LCH	62.579, 42.009, 250.459
CIE-LUV	62.579, -41.931, -61.073
Hunter-Lab	55.753, -14.269, -38.636
Binary	00000100, 10100010, 11011101

#04a2dd
```
#04a2dd rgb(4,162,221)
```
#dd3f04
```
#dd3f04 rgb(221,63,4)
```

Complementary Color

#04ddac
```
#04ddac rgb(4,221,172)
```
#04a2dd
```
#04a2dd rgb(4,162,221)
```
#0436dd
```
#0436dd rgb(4,54,221)
```

Analogous Color

#ddac04
```
#ddac04 rgb(221,172,4)
```
#04a2dd
```
#04a2dd rgb(4,162,221)
```
#dd0436
```
#dd0436 rgb(221,4,54)
```

Split Complementary Color

#a2dd04
```
#a2dd04 rgb(162,221,4)
```
#04a2dd
```
#04a2dd rgb(4,162,221)
```
#dd04a2
```
#dd04a2 rgb(221,4,162)
```

Triadic Color

#036b92
```
#036b92 rgb(3,107,146)
```
#037dab
```
#037dab rgb(3,125,171)
```
#0490c4
```
#0490c4 rgb(4,144,196)
```
#04a2dd
```
#04a2dd rgb(4,162,221)
```
#04b4f6
```
#04b4f6 rgb(4,180,246)
```
#19bdfb
```
#19bdfb rgb(25,189,251)
```
#32c5fb
```
#32c5fb rgb(50,197,251)
```

Monochromatic Color

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

#04d8dd
```
#04d8dd rgb(4,216,221)
```
#04c6dd
```
#04c6dd rgb(4,198,221)
```
#04b4dd
```
#04b4dd rgb(4,180,221)
```
#04a2dd
```
#04a2dd rgb(4,162,221)
```
#0490dd
```
#0490dd rgb(4,144,221)
```
#047edd
```
#047edd rgb(4,126,221)
```
#046cdd
```
#046cdd rgb(4,108,221)
```

Similar Colors

Text with hexadecimal color #04a2dd

This text has a font color of #04a2dd.

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

#04a2dd background color

This paragraph has a background color of #04a2dd.

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

#04a2dd border color

This element has a border color of #04a2dd.

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

CSS codes

.text {color:#04a2dd;}

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

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

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 #f5fcff is the lightest one.

#000709
```
#000709 rgb(0,7,9)
```
#01151c
```
#01151c rgb(1,21,28)
```
#012330
```
#012330 rgb(1,35,48)
```
#013143
```
#013143 rgb(1,49,67)
```
#023f56
```
#023f56 rgb(2,63,86)
```
#024d69
```
#024d69 rgb(2,77,105)
```
#025b7d
```
#025b7d rgb(2,91,125)
```
#036a90
```
#036a90 rgb(3,106,144)
```
#0378a3
```
#0378a3 rgb(3,120,163)
```
#0386b6
```
#0386b6 rgb(3,134,182)
```
#0494ca
```
#0494ca rgb(4,148,202)
```
#04a2dd
```
#04a2dd rgb(4,162,221)
```
#04b0f0
```
#04b0f0 rgb(4,176,240)
```

Shade Color Variation

#0ebafb
```
#0ebafb rgb(14,186,251)
```
#21c0fb
```
#21c0fb rgb(33,192,251)
```
#34c5fb
```
#34c5fb rgb(52,197,251)
```
#47cbfc
```
#47cbfc rgb(71,203,252)
```
#5bd0fc
```
#5bd0fc rgb(91,208,252)
```
#6ed6fc
```
#6ed6fc rgb(110,214,252)
```
#81dbfd
```
#81dbfd rgb(129,219,253)
```
#94e1fd
```
#94e1fd rgb(148,225,253)
```
#a8e6fd
```
#a8e6fd rgb(168,230,253)
```
#bbecfe
```
#bbecfe rgb(187,236,254)
```
#cef1fe
```
#cef1fe rgb(206,241,254)
```
#e2f7fe
```
#e2f7fe rgb(226,247,254)
```
#f5fcff
```
#f5fcff rgb(245,252,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 #04a2dd is the most saturated one.

#6c7375
```
#6c7375 rgb(108,115,117)
```
#63777e
```
#63777e rgb(99,119,126)
```
#5b7b86
```
#5b7b86 rgb(91,123,134)
```
#527e8f
```
#527e8f rgb(82,126,143)
```
#498298
```
#498298 rgb(73,130,152)
```
#4186a0
```
#4186a0 rgb(65,134,160)
```
#388aa9
```
#388aa9 rgb(56,138,169)
```
#2f8eb2
```
#2f8eb2 rgb(47,142,178)
```
#2792ba
```
#2792ba rgb(39,146,186)
```
#1e96c3
```
#1e96c3 rgb(30,150,195)
```
#159acc
```
#159acc rgb(21,154,204)
```
#0d9ed4
```
#0d9ed4 rgb(13,158,212)
```
#04a2dd
```
#04a2dd rgb(4,162,221)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#62818d Atypical Achromatopsia 0.001% of the population

Dichromacy

#899ad6 Protanopia 1% of men
#799ce3 Deuteranopia 1% of men
#00acb7 Tritanopia 0.001% of the population

Trichromacy

#589dd8 Protanomaly 1% of men, 0.01% of women
#4e9ee0 Deuteranomaly 6% of men, 0.4% of women
#01a8c5 Tritanomaly 0.01% of the population