#2e7ecd hex color

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

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

● #2e7ecd color description : Strong blue.

The hexadecimal color #2e7ecd has RGB values of R:46, G:126, B:205 and CMYK values of C:0.78, M:0.39, Y:0, K:0.2. Its decimal value is 3047117.

Hex triplet	2e7ecd	`#2e7ecd`
RGB Decimal	46, 126, 205	`rgb(46,126,205)`
RGB Percent	18, 49.4, 80.4	`rgb(18%,49.4%,80.4%)`
CMYK	78, 39, 0, 20
HSL	209.8°, 63.3, 49.2	`hsl(209.8,63.3%,49.2%)`
HSV (or HSB)	209.8°, 77.6, 80.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.734, 3.465, -47.698
XYZ	19.604, 19.909, 60.564
xyY	0.196, 0.199, 19.909
CIE-LCH	51.734, 47.824, 274.155
CIE-LUV	51.734, -27.562, -73.93
Hunter-Lab	44.619, 0.344, -49.244
Binary	00101110, 01111110, 11001101

#2e7ecd
```
#2e7ecd rgb(46,126,205)
```
#cd7d2e
```
#cd7d2e rgb(205,125,46)
```

Complementary Color

#2ecdcd
```
#2ecdcd rgb(46,205,205)
```
#2e7ecd
```
#2e7ecd rgb(46,126,205)
```
#2e2fcd
```
#2e2fcd rgb(46,47,205)
```

Analogous Color

#cdcd2e
```
#cdcd2e rgb(205,205,46)
```
#2e7ecd
```
#2e7ecd rgb(46,126,205)
```
#cd2e2f
```
#cd2e2f rgb(205,46,47)
```

Split Complementary Color

#7ecd2e
```
#7ecd2e rgb(126,205,46)
```
#2e7ecd
```
#2e7ecd rgb(46,126,205)
```
#cd2e7e
```
#cd2e7e rgb(205,46,126)
```

Triadic Color

#2ecd7d
```
#2ecd7d rgb(46,205,125)
```
#2e7ecd
```
#2e7ecd rgb(46,126,205)
```
#cd2e7e
```
#cd2e7e rgb(205,46,126)
```
#cd7d2e
```
#cd7d2e rgb(205,125,46)
```

Tetradic Color

#20588f
```
#20588f rgb(32,88,143)
```
#2564a3
```
#2564a3 rgb(37,100,163)
```
#2971b8
```
#2971b8 rgb(41,113,184)
```
#2e7ecd
```
#2e7ecd rgb(46,126,205)
```
#408bd4
```
#408bd4 rgb(64,139,212)
```
#5597d9
```
#5597d9 rgb(85,151,217)
```
#6aa4de
```
#6aa4de rgb(106,164,222)
```

Monochromatic Color

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

#2ea6cd
```
#2ea6cd rgb(46,166,205)
```
#2e99cd
```
#2e99cd rgb(46,153,205)
```
#2e8bcd
```
#2e8bcd rgb(46,139,205)
```
#2e7ecd
```
#2e7ecd rgb(46,126,205)
```
#2e71cd
```
#2e71cd rgb(46,113,205)
```
#2e64cd
```
#2e64cd rgb(46,100,205)
```
#2e56cd
```
#2e56cd rgb(46,86,205)
```

Similar Colors

Text with hexadecimal color #2e7ecd

This text has a font color of #2e7ecd.

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

#2e7ecd background color

This paragraph has a background color of #2e7ecd.

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

#2e7ecd border color

This element has a border color of #2e7ecd.

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

CSS codes

.text {color:#2e7ecd;}

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

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

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

#03080d
```
#03080d rgb(3,8,13)
```
#06121d
```
#06121d rgb(6,18,29)
```
#0a1c2d
```
#0a1c2d rgb(10,28,45)
```
#0e253d
```
#0e253d rgb(14,37,61)
```
#112f4d
```
#112f4d rgb(17,47,77)
```
#15395d
```
#15395d rgb(21,57,93)
```
#18436d
```
#18436d rgb(24,67,109)
```
#1c4d7d
```
#1c4d7d rgb(28,77,125)
```
#20578d
```
#20578d rgb(32,87,141)
```
#23609d
```
#23609d rgb(35,96,157)
```
#276aad
```
#276aad rgb(39,106,173)
```
#2a74bd
```
#2a74bd rgb(42,116,189)
```
#2e7ecd
```
#2e7ecd rgb(46,126,205)
```

Shade Color Variation

#3b88d3
```
#3b88d3 rgb(59,136,211)
```
#4c92d7
```
#4c92d7 rgb(76,146,215)
```
#5c9bda
```
#5c9bda rgb(92,155,218)
```
#6ca5de
```
#6ca5de rgb(108,165,222)
```
#7cafe2
```
#7cafe2 rgb(124,175,226)
```
#8cb9e5
```
#8cb9e5 rgb(140,185,229)
```
#9cc2e9
```
#9cc2e9 rgb(156,194,233)
```
#acccec
```
#acccec rgb(172,204,236)
```
#bcd6f0
```
#bcd6f0 rgb(188,214,240)
```
#cce0f3
```
#cce0f3 rgb(204,224,243)
```
#dce9f7
```
#dce9f7 rgb(220,233,247)
```
#ecf3fb
```
#ecf3fb rgb(236,243,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#7b7e80
```
#7b7e80 rgb(123,126,128)
```
#727e89
```
#727e89 rgb(114,126,137)
```
#687e93
```
#687e93 rgb(104,126,147)
```
#5e7e9d
```
#5e7e9d rgb(94,126,157)
```
#557ea6
```
#557ea6 rgb(85,126,166)
```
#4b7eb0
```
#4b7eb0 rgb(75,126,176)
```
#417eba
```
#417eba rgb(65,126,186)
```
#387ec3
```
#387ec3 rgb(56,126,195)
```
#2e7ecd
```
#2e7ecd rgb(46,126,205)
```
#247ed7
```
#247ed7 rgb(36,126,215)
```
#1b7ee0
```
#1b7ee0 rgb(27,126,224)
```
#117eea
```
#117eea rgb(17,126,234)
```
#077ef4
```
#077ef4 rgb(7,126,244)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#627282 Atypical Achromatopsia 0.001% of the population

Dichromacy

#617fcb Protanopia 1% of men
#4583d0 Deuteranopia 1% of men
#008e98 Tritanopia 0.001% of the population

Trichromacy

#4e7fcc Protanomaly 1% of men, 0.01% of women
#3d81cf Deuteranomaly 6% of men, 0.4% of women
#1088ab Tritanomaly 0.01% of the population

#2e7ecd hex color

#2e7ecd Color Information

#2e7ecd Color Conversion

Color Schemes with #2e7ecd

Alternatives to #2e7ecd

#2e7ecd Preview

Shades and Tints of #2e7ecd

Tones of #2e7ecd

Color Blindness Simulator