#2e6cce hex color

In a RGB color space, hex #2e6cce is composed of 18% red, 42.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 47.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 216.8 degrees, a saturation of 63.5% and a lightness of 49.4%. #2e6cce color hex could be obtained by blending #5cd8ff with #00009d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 42
- B 81
RGB color chart
- C 78
- M 48
- Y 0
- K 19
CMYK color chart

● #2e6cce color description : Strong blue.

The hexadecimal color #2e6cce has RGB values of R:46, G:108, B:206 and CMYK values of C:0.78, M:0.48, Y:0, K:0.19. Its decimal value is 3042510.

Hex triplet	2e6cce	`#2e6cce`
RGB Decimal	46, 108, 206	`rgb(46,108,206)`
RGB Percent	18, 42.4, 80.8	`rgb(18%,42.4%,80.8%)`
CMYK	78, 48, 0, 19
HSL	216.8°, 63.5, 49.4	`hsl(216.8,63.5%,49.4%)`
HSV (or HSB)	216.8°, 77.7, 80.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.659, 15.054, -56.392
XYZ	17.627, 15.761, 60.502
xyY	0.188, 0.168, 15.761
CIE-LCH	46.659, 58.367, 284.947
CIE-LUV	46.659, -21.808, -86.533
Hunter-Lab	39.7, 9.782, -62.567
Binary	00101110, 01101100, 11001110

#2e6cce
```
#2e6cce rgb(46,108,206)
```
#ce902e
```
#ce902e rgb(206,144,46)
```

Complementary Color

#2ebcce
```
#2ebcce rgb(46,188,206)
```
#2e6cce
```
#2e6cce rgb(46,108,206)
```
#402ece
```
#402ece rgb(64,46,206)
```

Analogous Color

#bcce2e
```
#bcce2e rgb(188,206,46)
```
#2e6cce
```
#2e6cce rgb(46,108,206)
```
#ce402e
```
#ce402e rgb(206,64,46)
```

Split Complementary Color

#6cce2e
```
#6cce2e rgb(108,206,46)
```
#2e6cce
```
#2e6cce rgb(46,108,206)
```
#ce2e6c
```
#ce2e6c rgb(206,46,108)
```

Triadic Color

#2ece90
```
#2ece90 rgb(46,206,144)
```
#2e6cce
```
#2e6cce rgb(46,108,206)
```
#ce2e6c
```
#ce2e6c rgb(206,46,108)
```
#ce902e
```
#ce902e rgb(206,144,46)
```

Tetradic Color

#204b8f
```
#204b8f rgb(32,75,143)
```
#2556a4
```
#2556a4 rgb(37,86,164)
```
#2961b9
```
#2961b9 rgb(41,97,185)
```
#2e6cce
```
#2e6cce rgb(46,108,206)
```
#417ad5
```
#417ad5 rgb(65,122,213)
```
#5689d9
```
#5689d9 rgb(86,137,217)
```
#6b97de
```
#6b97de rgb(107,151,222)
```

Monochromatic Color

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

#2e94ce
```
#2e94ce rgb(46,148,206)
```
#2e87ce
```
#2e87ce rgb(46,135,206)
```
#2e79ce
```
#2e79ce rgb(46,121,206)
```
#2e6cce
```
#2e6cce rgb(46,108,206)
```
#2e5fce
```
#2e5fce rgb(46,95,206)
```
#2e51ce
```
#2e51ce rgb(46,81,206)
```
#2e44ce
```
#2e44ce rgb(46,68,206)
```

Similar Colors

Text with hexadecimal color #2e6cce

This text has a font color of #2e6cce.

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

#2e6cce background color

This paragraph has a background color of #2e6cce.

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

#2e6cce border color

This element has a border color of #2e6cce.

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

CSS codes

.text {color:#2e6cce;}

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

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

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, #03070e is the darkest color, while #fdfdfe is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#07101e
```
#07101e rgb(7,16,30)
```
#0a182e
```
#0a182e rgb(10,24,46)
```
#0e203e
```
#0e203e rgb(14,32,62)
```
#11294e
```
#11294e rgb(17,41,78)
```
#15315e
```
#15315e rgb(21,49,94)
```
#193a6e
```
#193a6e rgb(25,58,110)
```
#1c427e
```
#1c427e rgb(28,66,126)
```
#204a8e
```
#204a8e rgb(32,74,142)
```
#23539e
```
#23539e rgb(35,83,158)
```
#275bae
```
#275bae rgb(39,91,174)
```
#2a64be
```
#2a64be rgb(42,100,190)
```
#2e6cce
```
#2e6cce rgb(46,108,206)
```

Shade Color Variation

#3c77d3
```
#3c77d3 rgb(60,119,211)
```
#4c82d7
```
#4c82d7 rgb(76,130,215)
```
#5c8ddb
```
#5c8ddb rgb(92,141,219)
```
#6c98de
```
#6c98de rgb(108,152,222)
```
#7ca4e2
```
#7ca4e2 rgb(124,164,226)
```
#8cafe5
```
#8cafe5 rgb(140,175,229)
```
#9cbae9
```
#9cbae9 rgb(156,186,233)
```
#acc5ed
```
#acc5ed rgb(172,197,237)
```
#bcd0f0
```
#bcd0f0 rgb(188,208,240)
```
#ccdcf4
```
#ccdcf4 rgb(204,220,244)
```
#dce7f7
```
#dce7f7 rgb(220,231,247)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#7c7d80
```
#7c7d80 rgb(124,125,128)
```
#727b8a
```
#727b8a rgb(114,123,138)
```
#687994
```
#687994 rgb(104,121,148)
```
#5e779e
```
#5e779e rgb(94,119,158)
```
#5575a7
```
#5575a7 rgb(85,117,167)
```
#4b73b1
```
#4b73b1 rgb(75,115,177)
```
#4170bb
```
#4170bb rgb(65,112,187)
```
#386ec4
```
#386ec4 rgb(56,110,196)
```
#2e6cce
```
#2e6cce rgb(46,108,206)
```
#246ad8
```
#246ad8 rgb(36,106,216)
```
#1b68e1
```
#1b68e1 rgb(27,104,225)
```
#1165eb
```
#1165eb rgb(17,101,235)
```
#0763f5
```
#0763f5 rgb(7,99,245)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a667a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f73cf Protanopia 1% of men
#0078c7 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#3870cf Protanomaly 1% of men, 0.01% of women
#1073c9 Deuteranomaly 6% of men, 0.4% of women
#1079a2 Tritanomaly 0.01% of the population

#2e6cce hex color

#2e6cce Color Information

#2e6cce Color Conversion

Color Schemes with #2e6cce

Alternatives to #2e6cce

#2e6cce Preview

Shades and Tints of #2e6cce

Tones of #2e6cce

Color Blindness Simulator