#2a2ae2 hex color

In a RGB color space, hex #2a2ae2 is composed of 16.5% red, 16.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 81.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 240 degrees, a saturation of 76% and a lightness of 52.5%. #2a2ae2 color hex could be obtained by blending #5454ff with #0000c5. Closest websafe color is: #3333cc.

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

● #2a2ae2 color description : Bright blue.

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

Hex triplet	2a2ae2	`#2a2ae2`
RGB Decimal	42, 42, 226	`rgb(42,42,226)`
RGB Percent	16.5, 16.5, 88.6	`rgb(16.5%,16.5%,88.6%)`
CMYK	81, 81, 0, 11
HSL	240°, 76, 52.5	`hsl(240,76%,52.5%)`
HSV (or HSB)	240°, 81.4, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.218, 61.071, -89.871
XYZ	15.508, 7.638, 72.604
xyY	0.162, 0.08, 7.638
CIE-LCH	33.218, 108.657, 304.198
CIE-LUV	33.218, -8.437, -116.912
Hunter-Lab	27.637, 51.794, -136.412
Binary	00101010, 00101010, 11100010

#2a2ae2
```
#2a2ae2 rgb(42,42,226)
```
#e2e22a
```
#e2e22a rgb(226,226,42)
```

Complementary Color

#2a86e2
```
#2a86e2 rgb(42,134,226)
```
#2a2ae2
```
#2a2ae2 rgb(42,42,226)
```
#862ae2
```
#862ae2 rgb(134,42,226)
```

Analogous Color

#86e22a
```
#86e22a rgb(134,226,42)
```
#2a2ae2
```
#2a2ae2 rgb(42,42,226)
```
#e2862a
```
#e2862a rgb(226,134,42)
```

Split Complementary Color

#2ae22a
```
#2ae22a rgb(42,226,42)
```
#2a2ae2
```
#2a2ae2 rgb(42,42,226)
```
#e22a2a
```
#e22a2a rgb(226,42,42)
```

Triadic Color

#2ae2e2
```
#2ae2e2 rgb(42,226,226)
```
#2a2ae2
```
#2a2ae2 rgb(42,42,226)
```
#e22a2a
```
#e22a2a rgb(226,42,42)
```
#e2e22a
```
#e2e22a rgb(226,226,42)
```

Tetradic Color

#1717a9
```
#1717a9 rgb(23,23,169)
```
#1a1abf
```
#1a1abf rgb(26,26,191)
```
#1d1dd5
```
#1d1dd5 rgb(29,29,213)
```
#2a2ae2
```
#2a2ae2 rgb(42,42,226)
```
#4040e5
```
#4040e5 rgb(64,64,229)
```
#5757e8
```
#5757e8 rgb(87,87,232)
```
#6d6deb
```
#6d6deb rgb(109,109,235)
```

Monochromatic Color

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

#2a58e2
```
#2a58e2 rgb(42,88,226)
```
#2a49e2
```
#2a49e2 rgb(42,73,226)
```
#2a39e2
```
#2a39e2 rgb(42,57,226)
```
#2a2ae2
```
#2a2ae2 rgb(42,42,226)
```
#392ae2
```
#392ae2 rgb(57,42,226)
```
#492ae2
```
#492ae2 rgb(73,42,226)
```
#582ae2
```
#582ae2 rgb(88,42,226)
```

Similar Colors

Text with hexadecimal color #2a2ae2

This text has a font color of #2a2ae2.

<span style="color:#2a2ae2;">Text here</span>

#2a2ae2 background color

This paragraph has a background color of #2a2ae2.

<p style="background-color:#2a2ae2;">Content here</p>

#2a2ae2 border color

This element has a border color of #2a2ae2.

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

CSS codes

.text {color:#2a2ae2;}

.background {background-color:#2a2ae2;}

.border {border:1px solid #2a2ae2;}

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, #02020b is the darkest color, while #f9f9fe is the lightest one.

#02020b
```
#02020b rgb(2,2,11)
```
#04041d
```
#04041d rgb(4,4,29)
```
#06062e
```
#06062e rgb(6,6,46)
```
#09093f
```
#09093f rgb(9,9,63)
```
#0b0b51
```
#0b0b51 rgb(11,11,81)
```
#0d0d62
```
#0d0d62 rgb(13,13,98)
```
#101073
```
#101073 rgb(16,16,115)
```
#121284
```
#121284 rgb(18,18,132)
```
#141496
```
#141496 rgb(20,20,150)
```
#1717a7
```
#1717a7 rgb(23,23,167)
```
#1919b8
```
#1919b8 rgb(25,25,184)
```
#1b1bc9
```
#1b1bc9 rgb(27,27,201)
```
#1e1edb
```
#1e1edb rgb(30,30,219)
```

Shade Color Variation

#2a2ae2
```
#2a2ae2 rgb(42,42,226)
```
#3b3be4
```
#3b3be4 rgb(59,59,228)
```
#4d4de7
```
#4d4de7 rgb(77,77,231)
```
#5e5ee9
```
#5e5ee9 rgb(94,94,233)
```
#6f6feb
```
#6f6feb rgb(111,111,235)
```
#8080ee
```
#8080ee rgb(128,128,238)
```
#9292f0
```
#9292f0 rgb(146,146,240)
```
#a3a3f2
```
#a3a3f2 rgb(163,163,242)
```
#b4b4f5
```
#b4b4f5 rgb(180,180,245)
```
#c5c5f7
```
#c5c5f7 rgb(197,197,247)
```
#d7d7fa
```
#d7d7fa rgb(215,215,250)
```
#e8e8fc
```
#e8e8fc rgb(232,232,252)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e8e is the less saturated color, while #0e0efe is the most saturated one.

#7e7e8e
```
#7e7e8e rgb(126,126,142)
```
#747498
```
#747498 rgb(116,116,152)
```
#6b6ba1
```
#6b6ba1 rgb(107,107,161)
```
#6262aa
```
#6262aa rgb(98,98,170)
```
#5959b3
```
#5959b3 rgb(89,89,179)
```
#4f4fbd
```
#4f4fbd rgb(79,79,189)
```
#4646c6
```
#4646c6 rgb(70,70,198)
```
#3d3dcf
```
#3d3dcf rgb(61,61,207)
```
#3333d9
```
#3333d9 rgb(51,51,217)
```
#2a2ae2
```
#2a2ae2 rgb(42,42,226)
```
#2121eb
```
#2121eb rgb(33,33,235)
```
#1717f5
```
#1717f5 rgb(23,23,245)
```
#0e0efe
```
#0e0efe rgb(14,14,254)
```

Tone Color Variation

Below, you can see how #2a2ae2 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

#3f3f3f Achromatopsia 0.005% of the population
#3b3b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0f45ba Protanomaly 1% of men, 0.01% of women
#0f48ac Deuteranomaly 6% of men, 0.4% of women
#0f4c92 Tritanomaly 0.01% of the population

#2a2ae2 hex color

#2a2ae2 Color Information

#2a2ae2 Color Conversion

Color Schemes with #2a2ae2

Alternatives to #2a2ae2

#2a2ae2 Preview

Shades and Tints of #2a2ae2

Tones of #2a2ae2

Color Blindness Simulator