#004ae0 hex color

In a RGB color space, hex #004ae0 is composed of 0% red, 29% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 67% magenta, 0% yellow and 12.2% black. It has a hue angle of 220.2 degrees, a saturation of 100% and a lightness of 43.9%. #004ae0 color hex could be obtained by blending #0094ff with #0000c1. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 29
- B 88
RGB color chart
- C 100
- M 67
- Y 0
- K 12
CMYK color chart

● #004ae0 color description : Pure (or mostly pure) blue.

The hexadecimal color #004ae0 has RGB values of R:0, G:74, B:224 and CMYK values of C:1, M:0.67, Y:0, K:0.12. Its decimal value is 19168.

Hex triplet	004ae0	`#004ae0`
RGB Decimal	0, 74, 224	`rgb(0,74,224)`
RGB Percent	0, 29, 87.8	`rgb(0%,29%,87.8%)`
CMYK	100, 67, 0, 12
HSL	220.2°, 100, 43.9	`hsl(220.2,100%,43.9%)`
HSV (or HSB)	220.2°, 100, 87.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.337, 41.293, -80.286
XYZ	15.9, 10.278, 71.663
xyY	0.163, 0.105, 10.278
CIE-LCH	38.337, 90.283, 297.218
CIE-LUV	38.337, -16.28, -113.684
Hunter-Lab	32.059, 32.427, -110.09
Binary	00000000, 01001010, 11100000

#004ae0
```
#004ae0 rgb(0,74,224)
```
#e09600
```
#e09600 rgb(224,150,0)
```

Complementary Color

#00bae0
```
#00bae0 rgb(0,186,224)
```
#004ae0
```
#004ae0 rgb(0,74,224)
```
#2600e0
```
#2600e0 rgb(38,0,224)
```

Analogous Color

#bae000
```
#bae000 rgb(186,224,0)
```
#004ae0
```
#004ae0 rgb(0,74,224)
```
#e02600
```
#e02600 rgb(224,38,0)
```

Split Complementary Color

#4ae000
```
#4ae000 rgb(74,224,0)
```
#004ae0
```
#004ae0 rgb(0,74,224)
```
#e0004a
```
#e0004a rgb(224,0,74)
```

Triadic Color

#00e096
```
#00e096 rgb(0,224,150)
```
#004ae0
```
#004ae0 rgb(0,74,224)
```
#e0004a
```
#e0004a rgb(224,0,74)
```
#e09600
```
#e09600 rgb(224,150,0)
```

Tetradic Color

#003194
```
#003194 rgb(0,49,148)
```
#0039ad
```
#0039ad rgb(0,57,173)
```
#0042c7
```
#0042c7 rgb(0,66,199)
```
#004ae0
```
#004ae0 rgb(0,74,224)
```
#0052fa
```
#0052fa rgb(0,82,250)
```
#1462ff
```
#1462ff rgb(20,98,255)
```
#2e73ff
```
#2e73ff rgb(46,115,255)
```

Monochromatic Color

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

#0082e0
```
#0082e0 rgb(0,130,224)
```
#006fe0
```
#006fe0 rgb(0,111,224)
```
#005de0
```
#005de0 rgb(0,93,224)
```
#004ae0
```
#004ae0 rgb(0,74,224)
```
#0037e0
```
#0037e0 rgb(0,55,224)
```
#0025e0
```
#0025e0 rgb(0,37,224)
```
#0012e0
```
#0012e0 rgb(0,18,224)
```

Similar Colors

Text with hexadecimal color #004ae0

This text has a font color of #004ae0.

<span style="color:#004ae0;">Text here</span>

#004ae0 background color

This paragraph has a background color of #004ae0.

<p style="background-color:#004ae0;">Content here</p>

#004ae0 border color

This element has a border color of #004ae0.

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

CSS codes

.text {color:#004ae0;}

.background {background-color:#004ae0;}

.border {border:1px solid #004ae0;}

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

#000308
```
#000308 rgb(0,3,8)
```
#00091c
```
#00091c rgb(0,9,28)
```
#00102f
```
#00102f rgb(0,16,47)
```
#001643
```
#001643 rgb(0,22,67)
```
#001d57
```
#001d57 rgb(0,29,87)
```
#00236a
```
#00236a rgb(0,35,106)
```
#002a7e
```
#002a7e rgb(0,42,126)
```
#003092
```
#003092 rgb(0,48,146)
```
#0037a5
```
#0037a5 rgb(0,55,165)
```
#003db9
```
#003db9 rgb(0,61,185)
```
#0044cc
```
#0044cc rgb(0,68,204)
```
#004ae0
```
#004ae0 rgb(0,74,224)
```
#0050f4
```
#0050f4 rgb(0,80,244)
```

Shade Color Variation

#085aff
```
#085aff rgb(8,90,255)
```
#1c67ff
```
#1c67ff rgb(28,103,255)
```
#2f74ff
```
#2f74ff rgb(47,116,255)
```
#4381ff
```
#4381ff rgb(67,129,255)
```
#578eff
```
#578eff rgb(87,142,255)
```
#6a9bff
```
#6a9bff rgb(106,155,255)
```
#7ea9ff
```
#7ea9ff rgb(126,169,255)
```
#92b6ff
```
#92b6ff rgb(146,182,255)
```
#a5c3ff
```
#a5c3ff rgb(165,195,255)
```
#b9d0ff
```
#b9d0ff rgb(185,208,255)
```
#ccddff
```
#ccddff rgb(204,221,255)
```
#e0eaff
```
#e0eaff rgb(224,234,255)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676d79 is the less saturated color, while #004ae0 is the most saturated one.

#676d79
```
#676d79 rgb(103,109,121)
```
#5f6a81
```
#5f6a81 rgb(95,106,129)
```
#56678a
```
#56678a rgb(86,103,138)
```
#4e6492
```
#4e6492 rgb(78,100,146)
```
#45619b
```
#45619b rgb(69,97,155)
```
#3c5ea4
```
#3c5ea4 rgb(60,94,164)
```
#345cac
```
#345cac rgb(52,92,172)
```
#2b59b5
```
#2b59b5 rgb(43,89,181)
```
#2256be
```
#2256be rgb(34,86,190)
```
#1a53c6
```
#1a53c6 rgb(26,83,198)
```
#1150cf
```
#1150cf rgb(17,80,207)
```
#094dd7
```
#094dd7 rgb(9,77,215)
```
#004ae0
```
#004ae0 rgb(0,74,224)
```

Tone Color Variation

Below, you can see how #004ae0 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

#454545 Achromatopsia 0.005% of the population
#374664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0057c8 Protanomaly 1% of men, 0.01% of women
#005bb8 Deuteranomaly 6% of men, 0.4% of women
#006099 Tritanomaly 0.01% of the population

#004ae0 hex color

#004ae0 Color Information

#004ae0 Color Conversion

Color Schemes with #004ae0

Alternatives to #004ae0

#004ae0 Preview

Shades and Tints of #004ae0

Tones of #004ae0

Color Blindness Simulator