#2e4ade hex color

In a RGB color space, hex #2e4ade is composed of 18% red, 29% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 66.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 230.5 degrees, a saturation of 72.7% and a lightness of 52.5%. #2e4ade color hex could be obtained by blending #5c94ff with #0000bd. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 29
- B 87
RGB color chart
- C 79
- M 67
- Y 0
- K 13
CMYK color chart

● #2e4ade color description : Bright blue.

The hexadecimal color #2e4ade has RGB values of R:46, G:74, B:222 and CMYK values of C:0.79, M:0.67, Y:0, K:0.13. Its decimal value is 3033822.

Hex triplet	2e4ade	`#2e4ade`
RGB Decimal	46, 74, 222	`rgb(46,74,222)`
RGB Percent	18, 29, 87.1	`rgb(18%,29%,87.1%)`
CMYK	79, 67, 0, 13
HSL	230.5°, 72.7, 52.5	`hsl(230.5,72.7%,52.5%)`
HSV (or HSB)	230.5°, 79.3, 87.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.158, 42.617, -77.756
XYZ	16.758, 10.751, 70.295
xyY	0.171, 0.11, 10.751
CIE-LCH	39.158, 88.669, 298.727
CIE-LUV	39.158, -12.974, -111.757
Hunter-Lab	32.789, 33.846, -104.158
Binary	00101110, 01001010, 11011110

#2e4ade
```
#2e4ade rgb(46,74,222)
```
#dec22e
```
#dec22e rgb(222,194,46)
```

Complementary Color

#2ea2de
```
#2ea2de rgb(46,162,222)
```
#2e4ade
```
#2e4ade rgb(46,74,222)
```
#6a2ede
```
#6a2ede rgb(106,46,222)
```

Analogous Color

#a2de2e
```
#a2de2e rgb(162,222,46)
```
#2e4ade
```
#2e4ade rgb(46,74,222)
```
#de6a2e
```
#de6a2e rgb(222,106,46)
```

Split Complementary Color

#4ade2e
```
#4ade2e rgb(74,222,46)
```
#2e4ade
```
#2e4ade rgb(46,74,222)
```
#de2e4a
```
#de2e4a rgb(222,46,74)
```

Triadic Color

#2edec2
```
#2edec2 rgb(46,222,194)
```
#2e4ade
```
#2e4ade rgb(46,74,222)
```
#de2e4a
```
#de2e4a rgb(222,46,74)
```
#dec22e
```
#dec22e rgb(222,194,46)
```

Tetradic Color

#1a30a5
```
#1a30a5 rgb(26,48,165)
```
#1e37bb
```
#1e37bb rgb(30,55,187)
```
#213dd1
```
#213dd1 rgb(33,61,209)
```
#2e4ade
```
#2e4ade rgb(46,74,222)
```
#445de1
```
#445de1 rgb(68,93,225)
```
#5a70e5
```
#5a70e5 rgb(90,112,229)
```
#7083e8
```
#7083e8 rgb(112,131,232)
```

Monochromatic Color

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

#2e76de
```
#2e76de rgb(46,118,222)
```
#2e67de
```
#2e67de rgb(46,103,222)
```
#2e59de
```
#2e59de rgb(46,89,222)
```
#2e4ade
```
#2e4ade rgb(46,74,222)
```
#2e3bde
```
#2e3bde rgb(46,59,222)
```
#2f2ede
```
#2f2ede rgb(47,46,222)
```
#3e2ede
```
#3e2ede rgb(62,46,222)
```

Similar Colors

Text with hexadecimal color #2e4ade

This text has a font color of #2e4ade.

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

#2e4ade background color

This paragraph has a background color of #2e4ade.

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

#2e4ade border color

This element has a border color of #2e4ade.

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

CSS codes

.text {color:#2e4ade;}

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

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

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

#02030b
```
#02030b rgb(2,3,11)
```
#04081c
```
#04081c rgb(4,8,28)
```
#070d2d
```
#070d2d rgb(7,13,45)
```
#0a123e
```
#0a123e rgb(10,18,62)
```
#0c174f
```
#0c174f rgb(12,23,79)
```
#0f1c60
```
#0f1c60 rgb(15,28,96)
```
#122171
```
#122171 rgb(18,33,113)
```
#142682
```
#142682 rgb(20,38,130)
```
#172b93
```
#172b93 rgb(23,43,147)
```
#1a30a4
```
#1a30a4 rgb(26,48,164)
```
#1d35b5
```
#1d35b5 rgb(29,53,181)
```
#1f3ac6
```
#1f3ac6 rgb(31,58,198)
```
#223fd7
```
#223fd7 rgb(34,63,215)
```

Shade Color Variation

#2e4ade
```
#2e4ade rgb(46,74,222)
```
#3f59e1
```
#3f59e1 rgb(63,89,225)
```
#5067e3
```
#5067e3 rgb(80,103,227)
```
#6176e6
```
#6176e6 rgb(97,118,230)
```
#7285e9
```
#7285e9 rgb(114,133,233)
```
#8393eb
```
#8393eb rgb(131,147,235)
```
#94a2ee
```
#94a2ee rgb(148,162,238)
```
#a5b1f1
```
#a5b1f1 rgb(165,177,241)
```
#b6bff3
```
#b6bff3 rgb(182,191,243)
```
#c6cef6
```
#c6cef6 rgb(198,206,246)
```
#d7ddf9
```
#d7ddf9 rgb(215,221,249)
```
#e8ebfb
```
#e8ebfb rgb(232,235,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82838a is the less saturated color, while #1237fa is the most saturated one.

#82838a
```
#82838a rgb(130,131,138)
```
#787d94
```
#787d94 rgb(120,125,148)
```
#6f769d
```
#6f769d rgb(111,118,157)
```
#6670a6
```
#6670a6 rgb(102,112,166)
```
#5d6aaf
```
#5d6aaf rgb(93,106,175)
```
#5363b9
```
#5363b9 rgb(83,99,185)
```
#4a5dc2
```
#4a5dc2 rgb(74,93,194)
```
#4157cb
```
#4157cb rgb(65,87,203)
```
#3750d5
```
#3750d5 rgb(55,80,213)
```
#2e4ade
```
#2e4ade rgb(46,74,222)
```
#2544e7
```
#2544e7 rgb(37,68,231)
```
#1b3df1
```
#1b3df1 rgb(27,61,241)
```
#1237fa
```
#1237fa rgb(18,55,250)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c516f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#1059c9 Protanomaly 1% of men, 0.01% of women
#105cba Deuteranomaly 6% of men, 0.4% of women
#10619a Tritanomaly 0.01% of the population

#2e4ade hex color

#2e4ade Color Information

#2e4ade Color Conversion

Color Schemes with #2e4ade

Alternatives to #2e4ade

#2e4ade Preview

Shades and Tints of #2e4ade

Tones of #2e4ade

Color Blindness Simulator