#2e5aee hex color

In a RGB color space, hex #2e5aee is composed of 18% red, 35.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 62.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 226.3 degrees, a saturation of 85% and a lightness of 55.7%. #2e5aee color hex could be obtained by blending #5cb4ff with #0000dd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 35
- B 93
RGB color chart
- C 81
- M 62
- Y 0
- K 7
CMYK color chart

● #2e5aee color description : Bright blue.

The hexadecimal color #2e5aee has RGB values of R:46, G:90, B:238 and CMYK values of C:0.81, M:0.62, Y:0, K:0.07. Its decimal value is 3037934.

Hex triplet	2e5aee	`#2e5aee`
RGB Decimal	46, 90, 238	`rgb(46,90,238)`
RGB Percent	18, 35.3, 93.3	`rgb(18%,35.3%,93.3%)`
CMYK	81, 62, 0, 7
HSL	226.3°, 85, 55.7	`hsl(226.3,85%,55.7%)`
HSV (or HSB)	226.3°, 80.7, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.326, 38.419, -78.347
XYZ	20.212, 14.065, 82.534
xyY	0.173, 0.12, 14.065
CIE-LCH	44.326, 87.26, 296.122
CIE-LUV	44.326, -16.697, -117.525
Hunter-Lab	37.503, 30.573, -104.229
Binary	00101110, 01011010, 11101110

#2e5aee
```
#2e5aee rgb(46,90,238)
```
#eec22e
```
#eec22e rgb(238,194,46)
```

Complementary Color

#2ebaee
```
#2ebaee rgb(46,186,238)
```
#2e5aee
```
#2e5aee rgb(46,90,238)
```
#622eee
```
#622eee rgb(98,46,238)
```

Analogous Color

#baee2e
```
#baee2e rgb(186,238,46)
```
#2e5aee
```
#2e5aee rgb(46,90,238)
```
#ee622e
```
#ee622e rgb(238,98,46)
```

Split Complementary Color

#5aee2e
```
#5aee2e rgb(90,238,46)
```
#2e5aee
```
#2e5aee rgb(46,90,238)
```
#ee2e5a
```
#ee2e5a rgb(238,46,90)
```

Triadic Color

#2eeec2
```
#2eeec2 rgb(46,238,194)
```
#2e5aee
```
#2e5aee rgb(46,90,238)
```
#ee2e5a
```
#ee2e5a rgb(238,46,90)
```
#eec22e
```
#eec22e rgb(238,194,46)
```

Tetradic Color

#1038c0
```
#1038c0 rgb(16,56,192)
```
#123fd7
```
#123fd7 rgb(18,63,215)
```
#1647ec
```
#1647ec rgb(22,71,236)
```
#2e5aee
```
#2e5aee rgb(46,90,238)
```
#466df0
```
#466df0 rgb(70,109,240)
```
#5d7ff2
```
#5d7ff2 rgb(93,127,242)
```
#7592f4
```
#7592f4 rgb(117,146,244)
```

Monochromatic Color

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

#2e8aee
```
#2e8aee rgb(46,138,238)
```
#2e7aee
```
#2e7aee rgb(46,122,238)
```
#2e6aee
```
#2e6aee rgb(46,106,238)
```
#2e5aee
```
#2e5aee rgb(46,90,238)
```
#2e4aee
```
#2e4aee rgb(46,74,238)
```
#2e3aee
```
#2e3aee rgb(46,58,238)
```
#322eee
```
#322eee rgb(50,46,238)
```

Similar Colors

Text with hexadecimal color #2e5aee

This text has a font color of #2e5aee.

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

#2e5aee background color

This paragraph has a background color of #2e5aee.

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

#2e5aee border color

This element has a border color of #2e5aee.

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

CSS codes

.text {color:#2e5aee;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#02081b
```
#02081b rgb(2,8,27)
```
#040d2d
```
#040d2d rgb(4,13,45)
```
#05123f
```
#05123f rgb(5,18,63)
```
#071851
```
#071851 rgb(7,24,81)
```
#081d63
```
#081d63 rgb(8,29,99)
```
#0a2276
```
#0a2276 rgb(10,34,118)
```
#0b2888
```
#0b2888 rgb(11,40,136)
```
#0d2d9a
```
#0d2d9a rgb(13,45,154)
```
#0e32ac
```
#0e32ac rgb(14,50,172)
```
#0f37be
```
#0f37be rgb(15,55,190)
```
#113dd0
```
#113dd0 rgb(17,61,208)
```
#1242e2
```
#1242e2 rgb(18,66,226)
```

Shade Color Variation

#1c4ced
```
#1c4ced rgb(28,76,237)
```
#2e5aee
```
#2e5aee rgb(46,90,238)
```
#4068ef
```
#4068ef rgb(64,104,239)
```
#5277f1
```
#5277f1 rgb(82,119,241)
```
#6485f2
```
#6485f2 rgb(100,133,242)
```
#7793f4
```
#7793f4 rgb(119,147,244)
```
#89a2f5
```
#89a2f5 rgb(137,162,245)
```
#9bb0f7
```
#9bb0f7 rgb(155,176,247)
```
#adbef8
```
#adbef8 rgb(173,190,248)
```
#bfcdfa
```
#bfcdfa rgb(191,205,250)
```
#d1dbfb
```
#d1dbfb rgb(209,219,251)
```
#e3e9fd
```
#e3e9fd rgb(227,233,253)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e8e is the less saturated color, while #2555f7 is the most saturated one.

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#858997
```
#858997 rgb(133,137,151)
```
#7c84a0
```
#7c84a0 rgb(124,132,160)
```
#7480a8
```
#7480a8 rgb(116,128,168)
```
#6b7bb1
```
#6b7bb1 rgb(107,123,177)
```
#6276ba
```
#6276ba rgb(98,118,186)
```
#5972c3
```
#5972c3 rgb(89,114,195)
```
#516dcb
```
#516dcb rgb(81,109,203)
```
#4868d4
```
#4868d4 rgb(72,104,212)
```
#3f63dd
```
#3f63dd rgb(63,99,221)
```
#375fe5
```
#375fe5 rgb(55,95,229)
```
#2e5aee
```
#2e5aee rgb(46,90,238)
```
#2555f7
```
#2555f7 rgb(37,85,247)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#545d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1066de Protanomaly 1% of men, 0.01% of women
#106acc Deuteranomaly 6% of men, 0.4% of women
#106fa9 Tritanomaly 0.01% of the population

#2e5aee hex color

#2e5aee Color Information

#2e5aee Color Conversion

Color Schemes with #2e5aee

Alternatives to #2e5aee

#2e5aee Preview

Shades and Tints of #2e5aee

Tones of #2e5aee

Color Blindness Simulator