#002ae4 hex color

In a RGB color space, hex #002ae4 is composed of 0% red, 16.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 81.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 228.9 degrees, a saturation of 100% and a lightness of 44.7%. #002ae4 color hex could be obtained by blending #0054ff with #0000c9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 16
- B 89
RGB color chart
- C 100
- M 82
- Y 0
- K 11
CMYK color chart

● #002ae4 color description : Pure (or mostly pure) blue.

The hexadecimal color #002ae4 has RGB values of R:0, G:42, B:228 and CMYK values of C:1, M:0.82, Y:0, K:0.11. Its decimal value is 10980.

Hex triplet	002ae4	`#002ae4`
RGB Decimal	0, 42, 228	`rgb(0,42,228)`
RGB Percent	0, 16.5, 89.4	`rgb(0%,16.5%,89.4%)`
CMYK	100, 82, 0, 11
HSL	228.9°, 100, 44.7	`hsl(228.9,100%,44.7%)`
HSV (or HSB)	228.9°, 100, 89.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.383, 60.621, -92.433
XYZ	14.829, 7.256, 74.014
xyY	0.154, 0.076, 7.256
CIE-LCH	32.383, 110.538, 303.259
CIE-LUV	32.383, -11.058, -117.637
Hunter-Lab	26.937, 51.122, -144.051
Binary	00000000, 00101010, 11100100

#002ae4
```
#002ae4 rgb(0,42,228)
```
#e4ba00
```
#e4ba00 rgb(228,186,0)
```

Complementary Color

#009ce4
```
#009ce4 rgb(0,156,228)
```
#002ae4
```
#002ae4 rgb(0,42,228)
```
#4800e4
```
#4800e4 rgb(72,0,228)
```

Analogous Color

#9ce400
```
#9ce400 rgb(156,228,0)
```
#002ae4
```
#002ae4 rgb(0,42,228)
```
#e44800
```
#e44800 rgb(228,72,0)
```

Split Complementary Color

#2ae400
```
#2ae400 rgb(42,228,0)
```
#002ae4
```
#002ae4 rgb(0,42,228)
```
#e4002a
```
#e4002a rgb(228,0,42)
```

Triadic Color

#00e4ba
```
#00e4ba rgb(0,228,186)
```
#002ae4
```
#002ae4 rgb(0,42,228)
```
#e4002a
```
#e4002a rgb(228,0,42)
```
#e4ba00
```
#e4ba00 rgb(228,186,0)
```

Tetradic Color

#001c98
```
#001c98 rgb(0,28,152)
```
#0021b1
```
#0021b1 rgb(0,33,177)
```
#0025cb
```
#0025cb rgb(0,37,203)
```
#002ae4
```
#002ae4 rgb(0,42,228)
```
#002ffe
```
#002ffe rgb(0,47,254)
```
#1843ff
```
#1843ff rgb(24,67,255)
```
#3257ff
```
#3257ff rgb(50,87,255)
```

Monochromatic Color

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

#0063e4
```
#0063e4 rgb(0,99,228)
```
#0050e4
```
#0050e4 rgb(0,80,228)
```
#003de4
```
#003de4 rgb(0,61,228)
```
#002ae4
```
#002ae4 rgb(0,42,228)
```
#0017e4
```
#0017e4 rgb(0,23,228)
```
#0004e4
```
#0004e4 rgb(0,4,228)
```
#0f00e4
```
#0f00e4 rgb(15,0,228)
```

Similar Colors

Text with hexadecimal color #002ae4

This text has a font color of #002ae4.

<span style="color:#002ae4;">Text here</span>

#002ae4 background color

This paragraph has a background color of #002ae4.

<p style="background-color:#002ae4;">Content here</p>

#002ae4 border color

This element has a border color of #002ae4.

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

CSS codes

.text {color:#002ae4;}

.background {background-color:#002ae4;}

.border {border:1px solid #002ae4;}

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, #00020c is the darkest color, while #f8f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#000620
```
#000620 rgb(0,6,32)
```
#000933
```
#000933 rgb(0,9,51)
```
#000d47
```
#000d47 rgb(0,13,71)
```
#00115b
```
#00115b rgb(0,17,91)
```
#00146e
```
#00146e rgb(0,20,110)
```
#001882
```
#001882 rgb(0,24,130)
```
#001c96
```
#001c96 rgb(0,28,150)
```
#001fa9
```
#001fa9 rgb(0,31,169)
```
#0023bd
```
#0023bd rgb(0,35,189)
```
#0026d0
```
#0026d0 rgb(0,38,208)
```
#002ae4
```
#002ae4 rgb(0,42,228)
```
#002ef8
```
#002ef8 rgb(0,46,248)
```

Shade Color Variation

#0c39ff
```
#0c39ff rgb(12,57,255)
```
#2049ff
```
#2049ff rgb(32,73,255)
```
#3359ff
```
#3359ff rgb(51,89,255)
```
#4769ff
```
#4769ff rgb(71,105,255)
```
#5b79ff
```
#5b79ff rgb(91,121,255)
```
#6e89ff
```
#6e89ff rgb(110,137,255)
```
#8299ff
```
#8299ff rgb(130,153,255)
```
#96a9ff
```
#96a9ff rgb(150,169,255)
```
#a9b9ff
```
#a9b9ff rgb(169,185,255)
```
#bdc9ff
```
#bdc9ff rgb(189,201,255)
```
#d0d9ff
```
#d0d9ff rgb(208,217,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c7b is the less saturated color, while #002ae4 is the most saturated one.

#696c7b
```
#696c7b rgb(105,108,123)
```
#606784
```
#606784 rgb(96,103,132)
```
#58618c
```
#58618c rgb(88,97,140)
```
#4f5c95
```
#4f5c95 rgb(79,92,149)
```
#46569e
```
#46569e rgb(70,86,158)
```
#3d51a7
```
#3d51a7 rgb(61,81,167)
```
#354baf
```
#354baf rgb(53,75,175)
```
#2c46b8
```
#2c46b8 rgb(44,70,184)
```
#2340c1
```
#2340c1 rgb(35,64,193)
```
#1a3bca
```
#1a3bca rgb(26,59,202)
```
#1235d2
```
#1235d2 rgb(18,53,210)
```
#0930db
```
#0930db rgb(9,48,219)
```
#002ae4
```
#002ae4 rgb(0,42,228)
```

Tone Color Variation

Below, you can see how #002ae4 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

#333333 Achromatopsia 0.005% of the population
#293156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e61 Tritanopia 0.001% of the population

Trichromacy

#0044b9 Protanomaly 1% of men, 0.01% of women
#0047ab Deuteranomaly 6% of men, 0.4% of women
#004b91 Tritanomaly 0.01% of the population

#002ae4 hex color

#002ae4 Color Information

#002ae4 Color Conversion

Color Schemes with #002ae4

Alternatives to #002ae4

#002ae4 Preview

Shades and Tints of #002ae4

Tones of #002ae4

Color Blindness Simulator