#2e5fcd hex color

In a RGB color space, hex #2e5fcd is composed of 18% red, 37.3% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 53.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 221.5 degrees, a saturation of 63.3% and a lightness of 49.2%. #2e5fcd color hex could be obtained by blending #5cbeff with #00009b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 37
- B 80
RGB color chart
- C 78
- M 54
- Y 0
- K 20
CMYK color chart

● #2e5fcd color description : Strong blue.

The hexadecimal color #2e5fcd has RGB values of R:46, G:95, B:205 and CMYK values of C:0.78, M:0.54, Y:0, K:0.2. Its decimal value is 3039181.

Hex triplet	2e5fcd	`#2e5fcd`
RGB Decimal	46, 95, 205	`rgb(46,95,205)`
RGB Percent	18, 37.3, 80.4	`rgb(18%,37.3%,80.4%)`
CMYK	78, 54, 0, 20
HSL	221.5°, 63.3, 49.2	`hsl(221.5,63.3%,49.2%)`
HSV (or HSB)	221.5°, 77.6, 80.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.021, 23.027, -61.697
XYZ	16.236, 13.172, 59.441
xyY	0.183, 0.148, 13.172
CIE-LCH	43.021, 65.854, 290.467
CIE-LUV	43.021, -18.022, -92.854
Hunter-Lab	36.293, 16.341, -71.701
Binary	00101110, 01011111, 11001101

#2e5fcd
```
#2e5fcd rgb(46,95,205)
```
#cd9c2e
```
#cd9c2e rgb(205,156,46)
```

Complementary Color

#2eafcd
```
#2eafcd rgb(46,175,205)
```
#2e5fcd
```
#2e5fcd rgb(46,95,205)
```
#4c2ecd
```
#4c2ecd rgb(76,46,205)
```

Analogous Color

#afcd2e
```
#afcd2e rgb(175,205,46)
```
#2e5fcd
```
#2e5fcd rgb(46,95,205)
```
#cd4c2e
```
#cd4c2e rgb(205,76,46)
```

Split Complementary Color

#5fcd2e
```
#5fcd2e rgb(95,205,46)
```
#2e5fcd
```
#2e5fcd rgb(46,95,205)
```
#cd2e5f
```
#cd2e5f rgb(205,46,95)
```

Triadic Color

#2ecd9c
```
#2ecd9c rgb(46,205,156)
```
#2e5fcd
```
#2e5fcd rgb(46,95,205)
```
#cd2e5f
```
#cd2e5f rgb(205,46,95)
```
#cd9c2e
```
#cd9c2e rgb(205,156,46)
```

Tetradic Color

#20428f
```
#20428f rgb(32,66,143)
```
#254ca3
```
#254ca3 rgb(37,76,163)
```
#2955b8
```
#2955b8 rgb(41,85,184)
```
#2e5fcd
```
#2e5fcd rgb(46,95,205)
```
#406ed4
```
#406ed4 rgb(64,110,212)
```
#557ed9
```
#557ed9 rgb(85,126,217)
```
#6a8ede
```
#6a8ede rgb(106,142,222)
```

Monochromatic Color

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

#2e87cd
```
#2e87cd rgb(46,135,205)
```
#2e7acd
```
#2e7acd rgb(46,122,205)
```
#2e6ccd
```
#2e6ccd rgb(46,108,205)
```
#2e5fcd
```
#2e5fcd rgb(46,95,205)
```
#2e52cd
```
#2e52cd rgb(46,82,205)
```
#2e45cd
```
#2e45cd rgb(46,69,205)
```
#2e37cd
```
#2e37cd rgb(46,55,205)
```

Similar Colors

Text with hexadecimal color #2e5fcd

This text has a font color of #2e5fcd.

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

#2e5fcd background color

This paragraph has a background color of #2e5fcd.

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

#2e5fcd border color

This element has a border color of #2e5fcd.

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

CSS codes

.text {color:#2e5fcd;}

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

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

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, #03060d is the darkest color, while #fcfdfe is the lightest one.

#03060d
```
#03060d rgb(3,6,13)
```
#060d1d
```
#060d1d rgb(6,13,29)
```
#0a152d
```
#0a152d rgb(10,21,45)
```
#0e1c3d
```
#0e1c3d rgb(14,28,61)
```
#11244d
```
#11244d rgb(17,36,77)
```
#152b5d
```
#152b5d rgb(21,43,93)
```
#18326d
```
#18326d rgb(24,50,109)
```
#1c3a7d
```
#1c3a7d rgb(28,58,125)
```
#20418d
```
#20418d rgb(32,65,141)
```
#23499d
```
#23499d rgb(35,73,157)
```
#2750ad
```
#2750ad rgb(39,80,173)
```
#2a58bd
```
#2a58bd rgb(42,88,189)
```
#2e5fcd
```
#2e5fcd rgb(46,95,205)
```

Shade Color Variation

#3b6ad3
```
#3b6ad3 rgb(59,106,211)
```
#4c76d7
```
#4c76d7 rgb(76,118,215)
```
#5c83da
```
#5c83da rgb(92,131,218)
```
#6c8fde
```
#6c8fde rgb(108,143,222)
```
#7c9be2
```
#7c9be2 rgb(124,155,226)
```
#8ca7e5
```
#8ca7e5 rgb(140,167,229)
```
#9cb3e9
```
#9cb3e9 rgb(156,179,233)
```
#acc0ec
```
#acc0ec rgb(172,192,236)
```
#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#ccd8f3
```
#ccd8f3 rgb(204,216,243)
```
#dce4f7
```
#dce4f7 rgb(220,228,247)
```
#ecf0fb
```
#ecf0fb rgb(236,240,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#7b7d80
```
#7b7d80 rgb(123,125,128)
```
#727989
```
#727989 rgb(114,121,137)
```
#687593
```
#687593 rgb(104,117,147)
```
#5e729d
```
#5e729d rgb(94,114,157)
```
#556ea6
```
#556ea6 rgb(85,110,166)
```
#4b6ab0
```
#4b6ab0 rgb(75,106,176)
```
#4166ba
```
#4166ba rgb(65,102,186)
```
#3863c3
```
#3863c3 rgb(56,99,195)
```
#2e5fcd
```
#2e5fcd rgb(46,95,205)
```
#245bd7
```
#245bd7 rgb(36,91,215)
```
#1b58e0
```
#1b58e0 rgb(27,88,224)
```
#1154ea
```
#1154ea rgb(17,84,234)
```
#0750f4
```
#0750f4 rgb(7,80,244)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#545d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#006fb6 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1066cf Protanomaly 1% of men, 0.01% of women
#1069be Deuteranomaly 6% of men, 0.4% of women
#106f9b Tritanomaly 0.01% of the population

#2e5fcd hex color

#2e5fcd Color Information

#2e5fcd Color Conversion

Color Schemes with #2e5fcd

Alternatives to #2e5fcd

#2e5fcd Preview

Shades and Tints of #2e5fcd

Tones of #2e5fcd

Color Blindness Simulator