#04a2de hex color

In a RGB color space, hex #04a2de is composed of 1.6% red, 63.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 27% magenta, 0% yellow and 12.9% black. It has a hue angle of 196.5 degrees, a saturation of 96.5% and a lightness of 44.3%. #04a2de color hex could be obtained by blending #08ffff with #0045bd. Closest websafe color is: #0099cc.

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

● #04a2de color description : Vivid blue.

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

Hex triplet	04a2de	`#04a2de`
RGB Decimal	4, 162, 222	`rgb(4,162,222)`
RGB Percent	1.6, 63.5, 87.1	`rgb(1.6%,63.5%,87.1%)`
CMYK	98, 27, 0, 13
HSL	196.5°, 96.5, 44.3	`hsl(196.5,96.5%,44.3%)`
HSV (or HSB)	196.5°, 98.2, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.624, -13.69, -40.073
XYZ	26.152, 31.138, 73.735
xyY	0.2, 0.238, 31.138
CIE-LCH	62.624, 42.347, 251.138
CIE-LUV	62.624, -41.86, -61.934
Hunter-Lab	55.801, -13.996, -39.284
Binary	00000100, 10100010, 11011110

#04a2de
```
#04a2de rgb(4,162,222)
```
#de4004
```
#de4004 rgb(222,64,4)
```

Complementary Color

#04dead
```
#04dead rgb(4,222,173)
```
#04a2de
```
#04a2de rgb(4,162,222)
```
#0435de
```
#0435de rgb(4,53,222)
```

Analogous Color

#dead04
```
#dead04 rgb(222,173,4)
```
#04a2de
```
#04a2de rgb(4,162,222)
```
#de0435
```
#de0435 rgb(222,4,53)
```

Split Complementary Color

#a2de04
```
#a2de04 rgb(162,222,4)
```
#04a2de
```
#04a2de rgb(4,162,222)
```
#de04a2
```
#de04a2 rgb(222,4,162)
```

Triadic Color

#04de40
```
#04de40 rgb(4,222,64)
```
#04a2de
```
#04a2de rgb(4,162,222)
```
#de04a2
```
#de04a2 rgb(222,4,162)
```
#de4004
```
#de4004 rgb(222,64,4)
```

Tetradic Color

#036b93
```
#036b93 rgb(3,107,147)
```
#037dac
```
#037dac rgb(3,125,172)
```
#0490c5
```
#0490c5 rgb(4,144,197)
```
#04a2de
```
#04a2de rgb(4,162,222)
```
#04b4f7
```
#04b4f7 rgb(4,180,247)
```
#1abdfb
```
#1abdfb rgb(26,189,251)
```
#33c4fb
```
#33c4fb rgb(51,196,251)
```

Monochromatic Color

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

#04d9de
```
#04d9de rgb(4,217,222)
```
#04c6de
```
#04c6de rgb(4,198,222)
```
#04b4de
```
#04b4de rgb(4,180,222)
```
#04a2de
```
#04a2de rgb(4,162,222)
```
#0490de
```
#0490de rgb(4,144,222)
```
#047ede
```
#047ede rgb(4,126,222)
```
#046cde
```
#046cde rgb(4,108,222)
```

Similar Colors

Text with hexadecimal color #04a2de

This text has a font color of #04a2de.

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

#04a2de background color

This paragraph has a background color of #04a2de.

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

#04a2de border color

This element has a border color of #04a2de.

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

CSS codes

.text {color:#04a2de;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#01151d
```
#01151d rgb(1,21,29)
```
#012331
```
#012331 rgb(1,35,49)
```
#013244
```
#013244 rgb(1,50,68)
```
#024057
```
#024057 rgb(2,64,87)
```
#024e6a
```
#024e6a rgb(2,78,106)
```
#025c7e
```
#025c7e rgb(2,92,126)
```
#036a91
```
#036a91 rgb(3,106,145)
```
#0378a4
```
#0378a4 rgb(3,120,164)
```
#0386b7
```
#0386b7 rgb(3,134,183)
```
#0494cb
```
#0494cb rgb(4,148,203)
```
#04a2de
```
#04a2de rgb(4,162,222)
```
#04b0f1
```
#04b0f1 rgb(4,176,241)
```

Shade Color Variation

#0fbafb
```
#0fbafb rgb(15,186,251)
```
#22bffb
```
#22bffb rgb(34,191,251)
```
#35c5fb
```
#35c5fb rgb(53,197,251)
```
#48cafc
```
#48cafc rgb(72,202,252)
```
#5cd0fc
```
#5cd0fc rgb(92,208,252)
```
#6fd5fc
```
#6fd5fc rgb(111,213,252)
```
#82dbfd
```
#82dbfd rgb(130,219,253)
```
#95e1fd
```
#95e1fd rgb(149,225,253)
```
#a9e6fd
```
#a9e6fd rgb(169,230,253)
```
#bcecfe
```
#bcecfe rgb(188,236,254)
```
#cff1fe
```
#cff1fe rgb(207,241,254)
```
#e3f7fe
```
#e3f7fe rgb(227,247,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#6c7376
```
#6c7376 rgb(108,115,118)
```
#64777e
```
#64777e rgb(100,119,126)
```
#5b7b87
```
#5b7b87 rgb(91,123,135)
```
#527f90
```
#527f90 rgb(82,127,144)
```
#4a8398
```
#4a8398 rgb(74,131,152)
```
#4187a1
```
#4187a1 rgb(65,135,161)
```
#388baa
```
#388baa rgb(56,139,170)
```
#2f8eb3
```
#2f8eb3 rgb(47,142,179)
```
#2792bb
```
#2792bb rgb(39,146,187)
```
#1e96c4
```
#1e96c4 rgb(30,150,196)
```
#159acd
```
#159acd rgb(21,154,205)
```
#0d9ed5
```
#0d9ed5 rgb(13,158,213)
```
#04a2de
```
#04a2de rgb(4,162,222)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#62828e Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ad7 Protanopia 1% of men
#789ce4 Deuteranopia 1% of men
#00acb7 Tritanopia 0.001% of the population

Trichromacy

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

#04a2de hex color

#04a2de Color Information

#04a2de Color Conversion

Color Schemes with #04a2de

Alternatives to #04a2de

#04a2de Preview

Shades and Tints of #04a2de

Tones of #04a2de

Color Blindness Simulator