#2e8ecc hex color

In a RGB color space, hex #2e8ecc is composed of 18% red, 55.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 30.4% magenta, 0% yellow and 20% black. It has a hue angle of 203.5 degrees, a saturation of 63.2% and a lightness of 49%. #2e8ecc color hex could be obtained by blending #5cffff with #001d99. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 56
- B 80
RGB color chart
- C 77
- M 30
- Y 0
- K 20
CMYK color chart

● #2e8ecc color description : Strong blue.

The hexadecimal color #2e8ecc has RGB values of R:46, G:142, B:204 and CMYK values of C:0.77, M:0.3, Y:0, K:0.2. Its decimal value is 3051212.

Hex triplet	2e8ecc	`#2e8ecc`
RGB Decimal	46, 142, 204	`rgb(46,142,204)`
RGB Percent	18, 55.7, 80	`rgb(18%,55.7%,80%)`
CMYK	77, 30, 0, 20
HSL	203.5°, 63.2, 49	`hsl(203.5,63.2%,49%)`
HSV (or HSB)	203.5°, 77.5, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.372, -6.372, -39.795
XYZ	21.696, 24.285, 60.667
xyY	0.203, 0.228, 24.285
CIE-LCH	56.372, 40.302, 260.904
CIE-LUV	56.372, -33.008, -61.208
Hunter-Lab	49.279, -7.651, -38.496
Binary	00101110, 10001110, 11001100

#2e8ecc
```
#2e8ecc rgb(46,142,204)
```
#cc6c2e
```
#cc6c2e rgb(204,108,46)
```

Complementary Color

#2eccbb
```
#2eccbb rgb(46,204,187)
```
#2e8ecc
```
#2e8ecc rgb(46,142,204)
```
#2e3fcc
```
#2e3fcc rgb(46,63,204)
```

Analogous Color

#ccbb2e
```
#ccbb2e rgb(204,187,46)
```
#2e8ecc
```
#2e8ecc rgb(46,142,204)
```
#cc2e3f
```
#cc2e3f rgb(204,46,63)
```

Split Complementary Color

#8ecc2e
```
#8ecc2e rgb(142,204,46)
```
#2e8ecc
```
#2e8ecc rgb(46,142,204)
```
#cc2e8e
```
#cc2e8e rgb(204,46,142)
```

Triadic Color

#2ecc6c
```
#2ecc6c rgb(46,204,108)
```
#2e8ecc
```
#2e8ecc rgb(46,142,204)
```
#cc2e8e
```
#cc2e8e rgb(204,46,142)
```
#cc6c2e
```
#cc6c2e rgb(204,108,46)
```

Tetradic Color

#20638e
```
#20638e rgb(32,99,142)
```
#2571a2
```
#2571a2 rgb(37,113,162)
```
#2980b7
```
#2980b7 rgb(41,128,183)
```
#2e8ecc
```
#2e8ecc rgb(46,142,204)
```
#409ad4
```
#409ad4 rgb(64,154,212)
```
#54a5d9
```
#54a5d9 rgb(84,165,217)
```
#69b0dd
```
#69b0dd rgb(105,176,221)
```

Monochromatic Color

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

#2eb6cc
```
#2eb6cc rgb(46,182,204)
```
#2ea8cc
```
#2ea8cc rgb(46,168,204)
```
#2e9bcc
```
#2e9bcc rgb(46,155,204)
```
#2e8ecc
```
#2e8ecc rgb(46,142,204)
```
#2e81cc
```
#2e81cc rgb(46,129,204)
```
#2e74cc
```
#2e74cc rgb(46,116,204)
```
#2e67cc
```
#2e67cc rgb(46,103,204)
```

Similar Colors

Text with hexadecimal color #2e8ecc

This text has a font color of #2e8ecc.

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

#2e8ecc background color

This paragraph has a background color of #2e8ecc.

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

#2e8ecc border color

This element has a border color of #2e8ecc.

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

CSS codes

.text {color:#2e8ecc;}

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

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

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

#03080c
```
#03080c rgb(3,8,12)
```
#06131c
```
#06131c rgb(6,19,28)
```
#0a1f2c
```
#0a1f2c rgb(10,31,44)
```
#0e2a3c
```
#0e2a3c rgb(14,42,60)
```
#11354c
```
#11354c rgb(17,53,76)
```
#15405c
```
#15405c rgb(21,64,92)
```
#184b6c
```
#184b6c rgb(24,75,108)
```
#1c567c
```
#1c567c rgb(28,86,124)
```
#20618c
```
#20618c rgb(32,97,140)
```
#236d9c
```
#236d9c rgb(35,109,156)
```
#2778ac
```
#2778ac rgb(39,120,172)
```
#2a83bc
```
#2a83bc rgb(42,131,188)
```
#2e8ecc
```
#2e8ecc rgb(46,142,204)
```

Shade Color Variation

#3b97d3
```
#3b97d3 rgb(59,151,211)
```
#4ba0d6
```
#4ba0d6 rgb(75,160,214)
```
#5ba8da
```
#5ba8da rgb(91,168,218)
```
#6bb1de
```
#6bb1de rgb(107,177,222)
```
#7bb9e1
```
#7bb9e1 rgb(123,185,225)
```
#8bc2e5
```
#8bc2e5 rgb(139,194,229)
```
#9bcae8
```
#9bcae8 rgb(155,202,232)
```
#abd2ec
```
#abd2ec rgb(171,210,236)
```
#bbdbf0
```
#bbdbf0 rgb(187,219,240)
```
#cbe3f3
```
#cbe3f3 rgb(203,227,243)
```
#dbecf7
```
#dbecf7 rgb(219,236,247)
```
#ebf4fa
```
#ebf4fa rgb(235,244,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#7b7d7f
```
#7b7d7f rgb(123,125,127)
```
#718089
```
#718089 rgb(113,128,137)
```
#688292
```
#688292 rgb(104,130,146)
```
#5e849c
```
#5e849c rgb(94,132,156)
```
#5486a6
```
#5486a6 rgb(84,134,166)
```
#4b88af
```
#4b88af rgb(75,136,175)
```
#418ab9
```
#418ab9 rgb(65,138,185)
```
#388cc2
```
#388cc2 rgb(56,140,194)
```
#2e8ecc
```
#2e8ecc rgb(46,142,204)
```
#2490d6
```
#2490d6 rgb(36,144,214)
```
#1b92df
```
#1b92df rgb(27,146,223)
```
#1194e9
```
#1194e9 rgb(17,148,233)
```
#0896f2
```
#0896f2 rgb(8,150,242)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#697c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#778bc8 Protanopia 1% of men
#678dd1 Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#5c8cc9 Protanomaly 1% of men, 0.01% of women
#528dcf Deuteranomaly 6% of men, 0.4% of women
#1096b3 Tritanomaly 0.01% of the population

#2e8ecc hex color

#2e8ecc Color Information

#2e8ecc Color Conversion

Color Schemes with #2e8ecc

Alternatives to #2e8ecc

#2e8ecc Preview

Shades and Tints of #2e8ecc

Tones of #2e8ecc

Color Blindness Simulator