#002ae2 hex color

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

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

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

The hexadecimal color #002ae2 has RGB values of R:0, G:42, B:226 and CMYK values of C:1, M:0.81, Y:0, K:0.11. Its decimal value is 10978.

Hex triplet	002ae2	`#002ae2`
RGB Decimal	0, 42, 226	`rgb(0,42,226)`
RGB Percent	0, 16.5, 88.6	`rgb(0%,16.5%,88.6%)`
CMYK	100, 81, 0, 11
HSL	228.8°, 100, 44.3	`hsl(228.8,100%,44.3%)`
HSV (or HSB)	228.8°, 100, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.136, 60.004, -91.699
XYZ	14.553, 7.146, 72.56
xyY	0.154, 0.076, 7.146
CIE-LCH	32.136, 109.586, 303.199
CIE-LUV	32.136, -11.003, -116.5
Hunter-Lab	26.731, 50.395, -142.224
Binary	00000000, 00101010, 11100010

#002ae2
```
#002ae2 rgb(0,42,226)
```
#e2b800
```
#e2b800 rgb(226,184,0)
```

Complementary Color

#009be2
```
#009be2 rgb(0,155,226)
```
#002ae2
```
#002ae2 rgb(0,42,226)
```
#4700e2
```
#4700e2 rgb(71,0,226)
```

Analogous Color

#9be200
```
#9be200 rgb(155,226,0)
```
#002ae2
```
#002ae2 rgb(0,42,226)
```
#e24700
```
#e24700 rgb(226,71,0)
```

Split Complementary Color

#2ae200
```
#2ae200 rgb(42,226,0)
```
#002ae2
```
#002ae2 rgb(0,42,226)
```
#e2002a
```
#e2002a rgb(226,0,42)
```

Triadic Color

#00e2b8
```
#00e2b8 rgb(0,226,184)
```
#002ae2
```
#002ae2 rgb(0,42,226)
```
#e2002a
```
#e2002a rgb(226,0,42)
```
#e2b800
```
#e2b800 rgb(226,184,0)
```

Tetradic Color

#001c96
```
#001c96 rgb(0,28,150)
```
#0021af
```
#0021af rgb(0,33,175)
```
#0025c9
```
#0025c9 rgb(0,37,201)
```
#002ae2
```
#002ae2 rgb(0,42,226)
```
#002ffc
```
#002ffc rgb(0,47,252)
```
#1641ff
```
#1641ff rgb(22,65,255)
```
#3056ff
```
#3056ff rgb(48,86,255)
```

Monochromatic Color

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

#0063e2
```
#0063e2 rgb(0,99,226)
```
#0050e2
```
#0050e2 rgb(0,80,226)
```
#003de2
```
#003de2 rgb(0,61,226)
```
#002ae2
```
#002ae2 rgb(0,42,226)
```
#0017e2
```
#0017e2 rgb(0,23,226)
```
#0004e2
```
#0004e2 rgb(0,4,226)
```
#0e00e2
```
#0e00e2 rgb(14,0,226)
```

Similar Colors

Text with hexadecimal color #002ae2

This text has a font color of #002ae2.

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

#002ae2 background color

This paragraph has a background color of #002ae2.

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

#002ae2 border color

This element has a border color of #002ae2.

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

CSS codes

.text {color:#002ae2;}

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

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

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

#00020a
```
#00020a rgb(0,2,10)
```
#00061e
```
#00061e rgb(0,6,30)
```
#000931
```
#000931 rgb(0,9,49)
```
#000d45
```
#000d45 rgb(0,13,69)
```
#001059
```
#001059 rgb(0,16,89)
```
#00146c
```
#00146c rgb(0,20,108)
```
#001880
```
#001880 rgb(0,24,128)
```
#001b94
```
#001b94 rgb(0,27,148)
```
#001fa7
```
#001fa7 rgb(0,31,167)
```
#0023bb
```
#0023bb rgb(0,35,187)
```
#0026ce
```
#0026ce rgb(0,38,206)
```
#002ae2
```
#002ae2 rgb(0,42,226)
```
#002ef6
```
#002ef6 rgb(0,46,246)
```

Shade Color Variation

#0a38ff
```
#0a38ff rgb(10,56,255)
```
#1e48ff
```
#1e48ff rgb(30,72,255)
```
#3158ff
```
#3158ff rgb(49,88,255)
```
#4568ff
```
#4568ff rgb(69,104,255)
```
#5978ff
```
#5978ff rgb(89,120,255)
```
#6c88ff
```
#6c88ff rgb(108,136,255)
```
#8098ff
```
#8098ff rgb(128,152,255)
```
#94a8ff
```
#94a8ff rgb(148,168,255)
```
#a7b7ff
```
#a7b7ff rgb(167,183,255)
```
#bbc7ff
```
#bbc7ff rgb(187,199,255)
```
#ced7ff
```
#ced7ff rgb(206,215,255)
```
#e2e7ff
```
#e2e7ff rgb(226,231,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#686c7a
```
#686c7a rgb(104,108,122)
```
#606682
```
#606682 rgb(96,102,130)
```
#57618b
```
#57618b rgb(87,97,139)
```
#4e5b94
```
#4e5b94 rgb(78,91,148)
```
#46569c
```
#46569c rgb(70,86,156)
```
#3d50a5
```
#3d50a5 rgb(61,80,165)
```
#344bae
```
#344bae rgb(52,75,174)
```
#2b45b7
```
#2b45b7 rgb(43,69,183)
```
#2340bf
```
#2340bf rgb(35,64,191)
```
#1a3ac8
```
#1a3ac8 rgb(26,58,200)
```
#1135d1
```
#1135d1 rgb(17,53,209)
```
#092fd9
```
#092fd9 rgb(9,47,217)
```
#002ae2
```
#002ae2 rgb(0,42,226)
```

Tone Color Variation

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

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0043b8 Protanomaly 1% of men, 0.01% of women
#0046aa Deuteranomaly 6% of men, 0.4% of women
#004a90 Tritanomaly 0.01% of the population

#002ae2 hex color

#002ae2 Color Information

#002ae2 Color Conversion

Color Schemes with #002ae2

Alternatives to #002ae2

#002ae2 Preview

Shades and Tints of #002ae2

Tones of #002ae2

Color Blindness Simulator