colorhexa.com

#2e6ae9 hex color

In a RGB color space, hex #2e6ae9 is composed of 18% red, 41.6% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 54.5% magenta, 0% yellow and 8.6% black. It has a hue angle of 220.7 degrees, a saturation of 81% and a lightness of 54.7%. #2e6ae9 color hex could be obtained by blending #5cd4ff with #0000d3. Closest websafe color is: #3366ff.

- R 18
- G 42
- B 91
RGB color chart
- C 80
- M 55
- Y 0
- K 9
CMYK color chart

● #2e6ae9 color description : Bright blue.

The hexadecimal color #2e6ae9 has RGB values of R:46, G:106, B:233 and CMYK values of C:0.8, M:0.55, Y:0, K:0.09. Its decimal value is 3042025.

Hex triplet	2e6ae9	`#2e6ae9`
RGB Decimal	46, 106, 233	`rgb(46,106,233)`
RGB Percent	18, 41.6, 91.4	`rgb(18%,41.6%,91.4%)`
CMYK	80, 55, 0, 9
HSL	220.7°, 81, 54.7	`hsl(220.7,81%,54.7%)`
HSV (or HSB)	220.7°, 80.3, 91.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.97, 26.471, -69.588
XYZ	20.986, 16.77, 79.217
xyY	0.179, 0.143, 16.77
CIE-LCH	47.97, 74.453, 290.827
CIE-LUV	47.97, -20.772, -107.571
Hunter-Lab	40.952, 19.806, -86.025
Binary	00101110, 01101010, 11101001

#2e6ae9
```
#2e6ae9 rgb(46,106,233)
```
#e9ad2e
```
#e9ad2e rgb(233,173,46)
```

Complementary Color

#2ec8e9
```
#2ec8e9 rgb(46,200,233)
```
#2e6ae9
```
#2e6ae9 rgb(46,106,233)
```
#4f2ee9
```
#4f2ee9 rgb(79,46,233)
```

Analogous Color

#c8e92e
```
#c8e92e rgb(200,233,46)
```
#2e6ae9
```
#2e6ae9 rgb(46,106,233)
```
#e94f2e
```
#e94f2e rgb(233,79,46)
```

Split Complementary Color

#6ae92e
```
#6ae92e rgb(106,233,46)
```
#2e6ae9
```
#2e6ae9 rgb(46,106,233)
```
#e92e6a
```
#e92e6a rgb(233,46,106)
```

Triadic Color

#2ee9ad
```
#2ee9ad rgb(46,233,173)
```
#2e6ae9
```
#2e6ae9 rgb(46,106,233)
```
#e92e6a
```
#e92e6a rgb(233,46,106)
```
#e9ad2e
```
#e9ad2e rgb(233,173,46)
```

Tetradic Color

#1348b7
```
#1348b7 rgb(19,72,183)
```
#1651ce
```
#1651ce rgb(22,81,206)
```
#185ae5
```
#185ae5 rgb(24,90,229)
```
#2e6ae9
```
#2e6ae9 rgb(46,106,233)
```
#457aeb
```
#457aeb rgb(69,122,235)
```
#5c8bee
```
#5c8bee rgb(92,139,238)
```
#739bf0
```
#739bf0 rgb(115,155,240)
```

Monochromatic Color

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

#2e99e9
```
#2e99e9 rgb(46,153,233)
```
#2e89e9
```
#2e89e9 rgb(46,137,233)
```
#2e7ae9
```
#2e7ae9 rgb(46,122,233)
```
#2e6ae9
```
#2e6ae9 rgb(46,106,233)
```
#2e5ae9
```
#2e5ae9 rgb(46,90,233)
```
#2e4be9
```
#2e4be9 rgb(46,75,233)
```
#2e3be9
```
#2e3be9 rgb(46,59,233)
```

Similar Colors

Text with hexadecimal color #2e6ae9

This text has a font color of #2e6ae9.

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

#2e6ae9 background color

This paragraph has a background color of #2e6ae9.

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

#2e6ae9 border color

This element has a border color of #2e6ae9.

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

CSS codes

.text {color:#2e6ae9;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020916
```
#020916 rgb(2,9,22)
```
#040f27
```
#040f27 rgb(4,15,39)
```
#061639
```
#061639 rgb(6,22,57)
```
#081d4b
```
#081d4b rgb(8,29,75)
```
#0a245d
```
#0a245d rgb(10,36,93)
```
#0c2b6e
```
#0c2b6e rgb(12,43,110)
```
#0d3280
```
#0d3280 rgb(13,50,128)
```
#0f3992
```
#0f3992 rgb(15,57,146)
```
#1140a4
```
#1140a4 rgb(17,64,164)
```
#1347b5
```
#1347b5 rgb(19,71,181)
```
#154ec7
```
#154ec7 rgb(21,78,199)
```
#1755d9
```
#1755d9 rgb(23,85,217)
```

Shade Color Variation

#1c5de7
```
#1c5de7 rgb(28,93,231)
```
#2e6ae9
```
#2e6ae9 rgb(46,106,233)
```
#4077eb
```
#4077eb rgb(64,119,235)
```
#5183ed
```
#5183ed rgb(81,131,237)
```
#6390ef
```
#6390ef rgb(99,144,239)
```
#759df0
```
#759df0 rgb(117,157,240)
```
#87a9f2
```
#87a9f2 rgb(135,169,242)
```
#98b6f4
```
#98b6f4 rgb(152,182,244)
```
#aac3f6
```
#aac3f6 rgb(170,195,246)
```
#bccff8
```
#bccff8 rgb(188,207,248)
```
#cedcfa
```
#cedcfa rgb(206,220,250)
```
#dfe9fc
```
#dfe9fc rgb(223,233,252)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878a90 is the less saturated color, while #1c64fb is the most saturated one.

#878a90
```
#878a90 rgb(135,138,144)
```
#7e8799
```
#7e8799 rgb(126,135,153)
```
#7583a2
```
#7583a2 rgb(117,131,162)
```
#6c80ab
```
#6c80ab rgb(108,128,171)
```
#637db4
```
#637db4 rgb(99,125,180)
```
#5a7abd
```
#5a7abd rgb(90,122,189)
```
#5277c5
```
#5277c5 rgb(82,119,197)
```
#4974ce
```
#4974ce rgb(73,116,206)
```
#4070d7
```
#4070d7 rgb(64,112,215)
```
#376de0
```
#376de0 rgb(55,109,224)
```
#2e6ae9
```
#2e6ae9 rgb(46,106,233)
```
#2567f2
```
#2567f2 rgb(37,103,242)
```
#1c64fb
```
#1c64fb rgb(28,100,251)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c6881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007bc9 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#1071e7 Protanomaly 1% of men, 0.01% of women
#1075d5 Deuteranomaly 6% of men, 0.4% of women
#107bae Tritanomaly 0.01% of the population