#2e4ed3 hex color

In a RGB color space, hex #2e4ed3 is composed of 18% red, 30.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 63% magenta, 0% yellow and 17.3% black. It has a hue angle of 228.4 degrees, a saturation of 65.2% and a lightness of 50.4%. #2e4ed3 color hex could be obtained by blending #5c9cff with #0000a7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 31
- B 83
RGB color chart
- C 78
- M 63
- Y 0
- K 17
CMYK color chart

● #2e4ed3 color description : Strong blue.

The hexadecimal color #2e4ed3 has RGB values of R:46, G:78, B:211 and CMYK values of C:0.78, M:0.63, Y:0, K:0.17. Its decimal value is 3034835.

Hex triplet	2e4ed3	`#2e4ed3`
RGB Decimal	46, 78, 211	`rgb(46,78,211)`
RGB Percent	18, 30.6, 82.7	`rgb(18%,30.6%,82.7%)`
CMYK	78, 63, 0, 17
HSL	228.4°, 65.2, 50.4	`hsl(228.4,65.2%,50.4%)`
HSV (or HSB)	228.4°, 78.2, 82.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.125, 36.188, -71.502
XYZ	15.607, 10.732, 62.873
xyY	0.175, 0.12, 10.732
CIE-LCH	39.125, 80.139, 296.845
CIE-LUV	39.125, -13.684, -103.691
Hunter-Lab	32.759, 27.709, -90.861
Binary	00101110, 01001110, 11010011

#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#d3b32e
```
#d3b32e rgb(211,179,46)
```

Complementary Color

#2ea1d3
```
#2ea1d3 rgb(46,161,211)
```
#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#612ed3
```
#612ed3 rgb(97,46,211)
```

Analogous Color

#a1d32e
```
#a1d32e rgb(161,211,46)
```
#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#d3602e
```
#d3602e rgb(211,96,46)
```

Split Complementary Color

#4ed32e
```
#4ed32e rgb(78,211,46)
```
#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#d32e4e
```
#d32e4e rgb(211,46,78)
```

Triadic Color

#2ed3b3
```
#2ed3b3 rgb(46,211,179)
```
#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#d32e4e
```
#d32e4e rgb(211,46,78)
```
#d3b32e
```
#d3b32e rgb(211,179,46)
```

Tetradic Color

#1f3695
```
#1f3695 rgb(31,54,149)
```
#243eaa
```
#243eaa rgb(36,62,170)
```
#2846bf
```
#2846bf rgb(40,70,191)
```
#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#4360d7
```
#4360d7 rgb(67,96,215)
```
#5872dc
```
#5872dc rgb(88,114,220)
```
#6d84e0
```
#6d84e0 rgb(109,132,224)
```

Monochromatic Color

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

#2e77d3
```
#2e77d3 rgb(46,119,211)
```
#2e6ad3
```
#2e6ad3 rgb(46,106,211)
```
#2e5cd3
```
#2e5cd3 rgb(46,92,211)
```
#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#2e40d3
```
#2e40d3 rgb(46,64,211)
```
#2e33d3
```
#2e33d3 rgb(46,51,211)
```
#372ed3
```
#372ed3 rgb(55,46,211)
```

Similar Colors

Text with hexadecimal color #2e4ed3

This text has a font color of #2e4ed3.

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

#2e4ed3 background color

This paragraph has a background color of #2e4ed3.

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

#2e4ed3 border color

This element has a border color of #2e4ed3.

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

CSS codes

.text {color:#2e4ed3;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040612
```
#040612 rgb(4,6,18)
```
#070c22
```
#070c22 rgb(7,12,34)
```
#0b1232
```
#0b1232 rgb(11,18,50)
```
#0e1842
```
#0e1842 rgb(14,24,66)
```
#111e53
```
#111e53 rgb(17,30,83)
```
#152463
```
#152463 rgb(21,36,99)
```
#182a73
```
#182a73 rgb(24,42,115)
```
#1c3083
```
#1c3083 rgb(28,48,131)
```
#1f3693
```
#1f3693 rgb(31,54,147)
```
#223ca4
```
#223ca4 rgb(34,60,164)
```
#2641b4
```
#2641b4 rgb(38,65,180)
```
#2947c4
```
#2947c4 rgb(41,71,196)
```

Shade Color Variation

#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#3e5cd6
```
#3e5cd6 rgb(62,92,214)
```
#4e69da
```
#4e69da rgb(78,105,218)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#6f85e1
```
#6f85e1 rgb(111,133,225)
```
#7f93e4
```
#7f93e4 rgb(127,147,228)
```
#8fa0e7
```
#8fa0e7 rgb(143,160,231)
```
#9faeeb
```
#9faeeb rgb(159,174,235)
```
#b0bcee
```
#b0bcee rgb(176,188,238)
```
#c0caf2
```
#c0caf2 rgb(192,202,242)
```
#d0d7f5
```
#d0d7f5 rgb(208,215,245)
```
#e0e5f9
```
#e0e5f9 rgb(224,229,249)
```
#f0f3fc
```
#f0f3fc rgb(240,243,252)
```

Tint Color Variation

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

#7c7e85
```
#7c7e85 rgb(124,126,133)
```
#72788f
```
#72788f rgb(114,120,143)
```
#687299
```
#687299 rgb(104,114,153)
```
#5f6ca2
```
#5f6ca2 rgb(95,108,162)
```
#5566ac
```
#5566ac rgb(85,102,172)
```
#4b60b6
```
#4b60b6 rgb(75,96,182)
```
#415ac0
```
#415ac0 rgb(65,90,192)
```
#3854c9
```
#3854c9 rgb(56,84,201)
```
#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#2448dd
```
#2448dd rgb(36,72,221)
```
#1b42e6
```
#1b42e6 rgb(27,66,230)
```
#113cf0
```
#113cf0 rgb(17,60,240)
```
#0736fa
```
#0736fa rgb(7,54,250)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c536d 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

#105ac6 Protanomaly 1% of men, 0.01% of women
#105eb6 Deuteranomaly 6% of men, 0.4% of women
#106296 Tritanomaly 0.01% of the population

#2e4ed3 hex color

#2e4ed3 Color Information

#2e4ed3 Color Conversion

Color Schemes with #2e4ed3

Alternatives to #2e4ed3

#2e4ed3 Preview

Shades and Tints of #2e4ed3

Tones of #2e4ed3

Color Blindness Simulator