#2e5bec hex color

In a RGB color space, hex #2e5bec is composed of 18% red, 35.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 61.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 225.8 degrees, a saturation of 83.3% and a lightness of 55.3%. #2e5bec color hex could be obtained by blending #5cb6ff with #0000d9. Closest websafe color is: #3366ff.

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

● #2e5bec color description : Bright blue.

The hexadecimal color #2e5bec has RGB values of R:46, G:91, B:236 and CMYK values of C:0.81, M:0.61, Y:0, K:0.07. Its decimal value is 3038188.

Hex triplet	2e5bec	`#2e5bec`
RGB Decimal	46, 91, 236	`rgb(46,91,236)`
RGB Percent	18, 35.7, 92.5	`rgb(18%,35.7%,92.5%)`
CMYK	81, 61, 0, 7
HSL	225.8°, 83.3, 55.3	`hsl(225.8,83.3%,55.3%)`
HSV (or HSB)	225.8°, 80.5, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.401, 37.07, -77.097
XYZ	20.005, 14.118, 81.023
xyY	0.174, 0.123, 14.118
CIE-LCH	44.401, 85.546, 295.679
CIE-LUV	44.401, -16.924, -115.878
Hunter-Lab	37.573, 29.284, -101.551
Binary	00101110, 01011011, 11101100

#2e5bec
```
#2e5bec rgb(46,91,236)
```
#ecbf2e
```
#ecbf2e rgb(236,191,46)
```

Complementary Color

#2ebaec
```
#2ebaec rgb(46,186,236)
```
#2e5bec
```
#2e5bec rgb(46,91,236)
```
#602eec
```
#602eec rgb(96,46,236)
```

Analogous Color

#baec2e
```
#baec2e rgb(186,236,46)
```
#2e5bec
```
#2e5bec rgb(46,91,236)
```
#ec602e
```
#ec602e rgb(236,96,46)
```

Split Complementary Color

#5bec2e
```
#5bec2e rgb(91,236,46)
```
#2e5bec
```
#2e5bec rgb(46,91,236)
```
#ec2e5b
```
#ec2e5b rgb(236,46,91)
```

Triadic Color

#2eecbf
```
#2eecbf rgb(46,236,191)
```
#2e5bec
```
#2e5bec rgb(46,91,236)
```
#ec2e5b
```
#ec2e5b rgb(236,46,91)
```
#ecbf2e
```
#ecbf2e rgb(236,191,46)
```

Tetradic Color

#113abc
```
#113abc rgb(17,58,188)
```
#1341d4
```
#1341d4 rgb(19,65,212)
```
#1749ea
```
#1749ea rgb(23,73,234)
```
#2e5bec
```
#2e5bec rgb(46,91,236)
```
#456dee
```
#456dee rgb(69,109,238)
```
#5d80f0
```
#5d80f0 rgb(93,128,240)
```
#7492f2
```
#7492f2 rgb(116,146,242)
```

Monochromatic Color

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

#2e8bec
```
#2e8bec rgb(46,139,236)
```
#2e7bec
```
#2e7bec rgb(46,123,236)
```
#2e6bec
```
#2e6bec rgb(46,107,236)
```
#2e5bec
```
#2e5bec rgb(46,91,236)
```
#2e4bec
```
#2e4bec rgb(46,75,236)
```
#2e3bec
```
#2e3bec rgb(46,59,236)
```
#312eec
```
#312eec rgb(49,46,236)
```

Similar Colors

Text with hexadecimal color #2e5bec

This text has a font color of #2e5bec.

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

#2e5bec background color

This paragraph has a background color of #2e5bec.

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

#2e5bec border color

This element has a border color of #2e5bec.

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

CSS codes

.text {color:#2e5bec;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020819
```
#020819 rgb(2,8,25)
```
#040d2b
```
#040d2b rgb(4,13,43)
```
#06133d
```
#06133d rgb(6,19,61)
```
#07184f
```
#07184f rgb(7,24,79)
```
#091e61
```
#091e61 rgb(9,30,97)
```
#0a2373
```
#0a2373 rgb(10,35,115)
```
#0c2985
```
#0c2985 rgb(12,41,133)
```
#0e2e97
```
#0e2e97 rgb(14,46,151)
```
#0f34a9
```
#0f34a9 rgb(15,52,169)
```
#1139bb
```
#1139bb rgb(17,57,187)
```
#133fcd
```
#133fcd rgb(19,63,205)
```
#1444df
```
#1444df rgb(20,68,223)
```

Shade Color Variation

#1c4dea
```
#1c4dea rgb(28,77,234)
```
#2e5bec
```
#2e5bec rgb(46,91,236)
```
#4069ee
```
#4069ee rgb(64,105,238)
```
#5277ef
```
#5277ef rgb(82,119,239)
```
#6485f1
```
#6485f1 rgb(100,133,241)
```
#7693f3
```
#7693f3 rgb(118,147,243)
```
#88a2f4
```
#88a2f4 rgb(136,162,244)
```
#9ab0f6
```
#9ab0f6 rgb(154,176,246)
```
#acbef7
```
#acbef7 rgb(172,190,247)
```
#beccf9
```
#beccf9 rgb(190,204,249)
```
#d0dafb
```
#d0dafb rgb(208,218,251)
```
#e2e8fc
```
#e2e8fc rgb(226,232,252)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

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

#868994
```
#868994 rgb(134,137,148)
```
#7d859d
```
#7d859d rgb(125,133,157)
```
#7480a6
```
#7480a6 rgb(116,128,166)
```
#6b7baf
```
#6b7baf rgb(107,123,175)
```
#6377b7
```
#6377b7 rgb(99,119,183)
```
#5a72c0
```
#5a72c0 rgb(90,114,192)
```
#516dc9
```
#516dc9 rgb(81,109,201)
```
#4869d2
```
#4869d2 rgb(72,105,210)
```
#4064da
```
#4064da rgb(64,100,218)
```
#3760e3
```
#3760e3 rgb(55,96,227)
```
#2e5bec
```
#2e5bec rgb(46,91,236)
```
#2556f5
```
#2556f5 rgb(37,86,245)
```
#1c52fe
```
#1c52fe rgb(28,82,254)
```

Tone Color Variation

Below, you can see how #2e5bec 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
#545d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#2e5bec hex color

#2e5bec Color Information

#2e5bec Color Conversion

Color Schemes with #2e5bec

Alternatives to #2e5bec

#2e5bec Preview

Shades and Tints of #2e5bec

Tones of #2e5bec

Color Blindness Simulator