#2e51b6 hex color

In a RGB color space, hex #2e51b6 is composed of 18% red, 31.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 55.5% magenta, 0% yellow and 28.6% black. It has a hue angle of 224.6 degrees, a saturation of 59.6% and a lightness of 44.7%. #2e51b6 color hex could be obtained by blending #5ca2ff with #00006d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 32
- B 71
RGB color chart
- C 75
- M 55
- Y 0
- K 29
CMYK color chart

● #2e51b6 color description : Moderate blue.

The hexadecimal color #2e51b6 has RGB values of R:46, G:81, B:182 and CMYK values of C:0.75, M:0.55, Y:0, K:0.29. Its decimal value is 3035574.

Hex triplet	2e51b6	`#2e51b6`
RGB Decimal	46, 81, 182	`rgb(46,81,182)`
RGB Percent	18, 31.8, 71.4	`rgb(18%,31.8%,71.4%)`
CMYK	75, 55, 0, 29
HSL	224.6°, 59.6, 44.7	`hsl(224.6,59.6%,44.7%)`
HSV (or HSB)	224.6°, 74.7, 71.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.558, 23.49, -57.177
XYZ	12.511, 9.842, 45.494
xyY	0.184, 0.145, 9.842
CIE-LCH	37.558, 61.814, 292.335
CIE-LUV	37.558, -14.223, -82.861
Hunter-Lab	31.372, 16.282, -64.017
Binary	00101110, 01010001, 10110110

#2e51b6
```
#2e51b6 rgb(46,81,182)
```
#b6932e
```
#b6932e rgb(182,147,46)
```

Complementary Color

#2e95b6
```
#2e95b6 rgb(46,149,182)
```
#2e51b6
```
#2e51b6 rgb(46,81,182)
```
#4f2eb6
```
#4f2eb6 rgb(79,46,182)
```

Analogous Color

#95b62e
```
#95b62e rgb(149,182,46)
```
#2e51b6
```
#2e51b6 rgb(46,81,182)
```
#b64f2e
```
#b64f2e rgb(182,79,46)
```

Split Complementary Color

#51b62e
```
#51b62e rgb(81,182,46)
```
#2e51b6
```
#2e51b6 rgb(46,81,182)
```
#b62e51
```
#b62e51 rgb(182,46,81)
```

Triadic Color

#2eb693
```
#2eb693 rgb(46,182,147)
```
#2e51b6
```
#2e51b6 rgb(46,81,182)
```
#b62e51
```
#b62e51 rgb(182,46,81)
```
#b6932e
```
#b6932e rgb(182,147,46)
```

Tetradic Color

#1f3679
```
#1f3679 rgb(31,54,121)
```
#243f8d
```
#243f8d rgb(36,63,141)
```
#2948a2
```
#2948a2 rgb(41,72,162)
```
#2e51b6
```
#2e51b6 rgb(46,81,182)
```
#335aca
```
#335aca rgb(51,90,202)
```
#476ad0
```
#476ad0 rgb(71,106,208)
```
#5b7bd6
```
#5b7bd6 rgb(91,123,214)
```

Monochromatic Color

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

#2e73b6
```
#2e73b6 rgb(46,115,182)
```
#2e68b6
```
#2e68b6 rgb(46,104,182)
```
#2e5cb6
```
#2e5cb6 rgb(46,92,182)
```
#2e51b6
```
#2e51b6 rgb(46,81,182)
```
#2e46b6
```
#2e46b6 rgb(46,70,182)
```
#2e3ab6
```
#2e3ab6 rgb(46,58,182)
```
#2e2fb6
```
#2e2fb6 rgb(46,47,182)
```

Similar Colors

Text with hexadecimal color #2e51b6

This text has a font color of #2e51b6.

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

#2e51b6 background color

This paragraph has a background color of #2e51b6.

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

#2e51b6 border color

This element has a border color of #2e51b6.

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

CSS codes

.text {color:#2e51b6;}

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

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

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

#02040a
```
#02040a rgb(2,4,10)
```
#060b19
```
#060b19 rgb(6,11,25)
```
#0a1229
```
#0a1229 rgb(10,18,41)
```
#0e1939
```
#0e1939 rgb(14,25,57)
```
#122048
```
#122048 rgb(18,32,72)
```
#162758
```
#162758 rgb(22,39,88)
```
#1a2e68
```
#1a2e68 rgb(26,46,104)
```
#1e3577
```
#1e3577 rgb(30,53,119)
```
#223c87
```
#223c87 rgb(34,60,135)
```
#264397
```
#264397 rgb(38,67,151)
```
#2a4aa6
```
#2a4aa6 rgb(42,74,166)
```
#2e51b6
```
#2e51b6 rgb(46,81,182)
```
#3258c6
```
#3258c6 rgb(50,88,198)
```

Shade Color Variation

#3d62ce
```
#3d62ce rgb(61,98,206)
```
#4d6fd2
```
#4d6fd2 rgb(77,111,210)
```
#5d7cd6
```
#5d7cd6 rgb(93,124,214)
```
#6c88da
```
#6c88da rgb(108,136,218)
```
#7c95de
```
#7c95de rgb(124,149,222)
```
#8ca2e2
```
#8ca2e2 rgb(140,162,226)
```
#9baee6
```
#9baee6 rgb(155,174,230)
```
#abbbea
```
#abbbea rgb(171,187,234)
```
#bac8ee
```
#bac8ee rgb(186,200,238)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#dae1f6
```
#dae1f6 rgb(218,225,246)
```
#e9eefa
```
#e9eefa rgb(233,238,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6f79 is the less saturated color, while #023ce2 is the most saturated one.

#6b6f79
```
#6b6f79 rgb(107,111,121)
```
#636b81
```
#636b81 rgb(99,107,129)
```
#5a668a
```
#5a668a rgb(90,102,138)
```
#516293
```
#516293 rgb(81,98,147)
```
#485e9c
```
#485e9c rgb(72,94,156)
```
#405aa4
```
#405aa4 rgb(64,90,164)
```
#3755ad
```
#3755ad rgb(55,85,173)
```
#2e51b6
```
#2e51b6 rgb(46,81,182)
```
#254dbf
```
#254dbf rgb(37,77,191)
```
#1c48c8
```
#1c48c8 rgb(28,72,200)
```
#1444d0
```
#1444d0 rgb(20,68,208)
```
#0b40d9
```
#0b40d9 rgb(11,64,217)
```
#023ce2
```
#023ce2 rgb(2,60,226)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a1 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#1059b7 Protanomaly 1% of men, 0.01% of women
#105ca9 Deuteranomaly 6% of men, 0.4% of women
#10618a Tritanomaly 0.01% of the population

#2e51b6 hex color

#2e51b6 Color Information

#2e51b6 Color Conversion

Color Schemes with #2e51b6

Alternatives to #2e51b6

#2e51b6 Preview

Shades and Tints of #2e51b6

Tones of #2e51b6

Color Blindness Simulator