#002ae0 hex color

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

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

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

The hexadecimal color #002ae0 has RGB values of R:0, G:42, B:224 and CMYK values of C:1, M:0.81, Y:0, K:0.12. Its decimal value is 10976.

Hex triplet	002ae0	`#002ae0`
RGB Decimal	0, 42, 224	`rgb(0,42,224)`
RGB Percent	0, 16.5, 87.8	`rgb(0%,16.5%,87.8%)`
CMYK	100, 81, 0, 12
HSL	228.8°, 100, 43.9	`hsl(228.8,100%,43.9%)`
HSV (or HSB)	228.8°, 100, 87.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.89, 59.383, -90.963
XYZ	14.28, 7.037, 71.122
xyY	0.154, 0.076, 7.037
CIE-LCH	31.89, 108.63, 303.138
CIE-LUV	31.89, -10.95, -115.363
Hunter-Lab	26.527, 49.669, -140.399
Binary	00000000, 00101010, 11100000

#002ae0
```
#002ae0 rgb(0,42,224)
```
#e0b600
```
#e0b600 rgb(224,182,0)
```

Complementary Color

#009ae0
```
#009ae0 rgb(0,154,224)
```
#002ae0
```
#002ae0 rgb(0,42,224)
```
#4600e0
```
#4600e0 rgb(70,0,224)
```

Analogous Color

#9ae000
```
#9ae000 rgb(154,224,0)
```
#002ae0
```
#002ae0 rgb(0,42,224)
```
#e04600
```
#e04600 rgb(224,70,0)
```

Split Complementary Color

#2ae000
```
#2ae000 rgb(42,224,0)
```
#002ae0
```
#002ae0 rgb(0,42,224)
```
#e0002a
```
#e0002a rgb(224,0,42)
```

Triadic Color

#00e0b6
```
#00e0b6 rgb(0,224,182)
```
#002ae0
```
#002ae0 rgb(0,42,224)
```
#e0002a
```
#e0002a rgb(224,0,42)
```
#e0b600
```
#e0b600 rgb(224,182,0)
```

Tetradic Color

#001c94
```
#001c94 rgb(0,28,148)
```
#0020ad
```
#0020ad rgb(0,32,173)
```
#0025c7
```
#0025c7 rgb(0,37,199)
```
#002ae0
```
#002ae0 rgb(0,42,224)
```
#002ffa
```
#002ffa rgb(0,47,250)
```
#1440ff
```
#1440ff rgb(20,64,255)
```
#2e55ff
```
#2e55ff rgb(46,85,255)
```

Monochromatic Color

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

#0062e0
```
#0062e0 rgb(0,98,224)
```
#004fe0
```
#004fe0 rgb(0,79,224)
```
#003de0
```
#003de0 rgb(0,61,224)
```
#002ae0
```
#002ae0 rgb(0,42,224)
```
#0017e0
```
#0017e0 rgb(0,23,224)
```
#0005e0
```
#0005e0 rgb(0,5,224)
```
#0e00e0
```
#0e00e0 rgb(14,0,224)
```

Similar Colors

Text with hexadecimal color #002ae0

This text has a font color of #002ae0.

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

#002ae0 background color

This paragraph has a background color of #002ae0.

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

#002ae0 border color

This element has a border color of #002ae0.

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

CSS codes

.text {color:#002ae0;}

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

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

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

#000208
```
#000208 rgb(0,2,8)
```
#00051c
```
#00051c rgb(0,5,28)
```
#00092f
```
#00092f rgb(0,9,47)
```
#000d43
```
#000d43 rgb(0,13,67)
```
#001057
```
#001057 rgb(0,16,87)
```
#00146a
```
#00146a rgb(0,20,106)
```
#00187e
```
#00187e rgb(0,24,126)
```
#001b92
```
#001b92 rgb(0,27,146)
```
#001fa5
```
#001fa5 rgb(0,31,165)
```
#0023b9
```
#0023b9 rgb(0,35,185)
```
#0026cc
```
#0026cc rgb(0,38,204)
```
#002ae0
```
#002ae0 rgb(0,42,224)
```
#002ef4
```
#002ef4 rgb(0,46,244)
```

Shade Color Variation

#0837ff
```
#0837ff rgb(8,55,255)
```
#1c46ff
```
#1c46ff rgb(28,70,255)
```
#2f56ff
```
#2f56ff rgb(47,86,255)
```
#4366ff
```
#4366ff rgb(67,102,255)
```
#5776ff
```
#5776ff rgb(87,118,255)
```
#6a86ff
```
#6a86ff rgb(106,134,255)
```
#7e96ff
```
#7e96ff rgb(126,150,255)
```
#92a6ff
```
#92a6ff rgb(146,166,255)
```
#a5b6ff
```
#a5b6ff rgb(165,182,255)
```
#b9c6ff
```
#b9c6ff rgb(185,198,255)
```
#ccd6ff
```
#ccd6ff rgb(204,214,255)
```
#e0e6ff
```
#e0e6ff rgb(224,230,255)
```
#f4f6ff
```
#f4f6ff rgb(244,246,255)
```

Tint Color Variation

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

#676b79
```
#676b79 rgb(103,107,121)
```
#5f6581
```
#5f6581 rgb(95,101,129)
```
#56608a
```
#56608a rgb(86,96,138)
```
#4e5a92
```
#4e5a92 rgb(78,90,146)
```
#45559b
```
#45559b rgb(69,85,155)
```
#3c50a4
```
#3c50a4 rgb(60,80,164)
```
#344aac
```
#344aac rgb(52,74,172)
```
#2b45b5
```
#2b45b5 rgb(43,69,181)
```
#2240be
```
#2240be rgb(34,64,190)
```
#1a3ac6
```
#1a3ac6 rgb(26,58,198)
```
#1135cf
```
#1135cf rgb(17,53,207)
```
#092fd7
```
#092fd7 rgb(9,47,215)
```
#002ae0
```
#002ae0 rgb(0,42,224)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#283055 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0043b6 Protanomaly 1% of men, 0.01% of women
#0046a8 Deuteranomaly 6% of men, 0.4% of women
#004a8e Tritanomaly 0.01% of the population

#002ae0 hex color

#002ae0 Color Information

#002ae0 Color Conversion

Color Schemes with #002ae0

Alternatives to #002ae0

#002ae0 Preview

Shades and Tints of #002ae0

Tones of #002ae0

Color Blindness Simulator