#2e86cf hex color

In a RGB color space, hex #2e86cf is composed of 18% red, 52.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 35.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 207.2 degrees, a saturation of 63.6% and a lightness of 49.6%. #2e86cf color hex could be obtained by blending #5cffff with #000d9f. Closest websafe color is: #3399cc.

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

● #2e86cf color description : Strong blue.

The hexadecimal color #2e86cf has RGB values of R:46, G:134, B:207 and CMYK values of C:0.78, M:0.35, Y:0, K:0.19. Its decimal value is 3049167.

Hex triplet	2e86cf	`#2e86cf`
RGB Decimal	46, 134, 207	`rgb(46,134,207)`
RGB Percent	18, 52.5, 81.2	`rgb(18%,52.5%,81.2%)`
CMYK	78, 35, 0, 19
HSL	207.2°, 63.6, 49.6	`hsl(207.2,63.6%,49.6%)`
HSV (or HSB)	207.2°, 77.8, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.169, -0.607, -44.966
XYZ	20.912, 22.134, 62.198
xyY	0.199, 0.21, 22.134
CIE-LCH	54.169, 44.97, 269.227
CIE-LUV	54.169, -30.141, -69.789
Hunter-Lab	47.047, -2.992, -45.451
Binary	00101110, 10000110, 11001111

#2e86cf
```
#2e86cf rgb(46,134,207)
```
#cf772e
```
#cf772e rgb(207,119,46)
```

Complementary Color

#2ecfc8
```
#2ecfc8 rgb(46,207,200)
```
#2e86cf
```
#2e86cf rgb(46,134,207)
```
#2e36cf
```
#2e36cf rgb(46,54,207)
```

Analogous Color

#cfc82e
```
#cfc82e rgb(207,200,46)
```
#2e86cf
```
#2e86cf rgb(46,134,207)
```
#cf2e36
```
#cf2e36 rgb(207,46,54)
```

Split Complementary Color

#86cf2e
```
#86cf2e rgb(134,207,46)
```
#2e86cf
```
#2e86cf rgb(46,134,207)
```
#cf2e86
```
#cf2e86 rgb(207,46,134)
```

Triadic Color

#2ecf77
```
#2ecf77 rgb(46,207,119)
```
#2e86cf
```
#2e86cf rgb(46,134,207)
```
#cf2e86
```
#cf2e86 rgb(207,46,134)
```
#cf772e
```
#cf772e rgb(207,119,46)
```

Tetradic Color

#205d90
```
#205d90 rgb(32,93,144)
```
#256ba5
```
#256ba5 rgb(37,107,165)
```
#2978ba
```
#2978ba rgb(41,120,186)
```
#2e86cf
```
#2e86cf rgb(46,134,207)
```
#4292d5
```
#4292d5 rgb(66,146,213)
```
#569eda
```
#569eda rgb(86,158,218)
```
#6baade
```
#6baade rgb(107,170,222)
```

Monochromatic Color

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

#2eaecf
```
#2eaecf rgb(46,174,207)
```
#2ea1cf
```
#2ea1cf rgb(46,161,207)
```
#2e93cf
```
#2e93cf rgb(46,147,207)
```
#2e86cf
```
#2e86cf rgb(46,134,207)
```
#2e79cf
```
#2e79cf rgb(46,121,207)
```
#2e6bcf
```
#2e6bcf rgb(46,107,207)
```
#2e5ecf
```
#2e5ecf rgb(46,94,207)
```

Similar Colors

Text with hexadecimal color #2e86cf

This text has a font color of #2e86cf.

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

#2e86cf background color

This paragraph has a background color of #2e86cf.

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

#2e86cf border color

This element has a border color of #2e86cf.

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

CSS codes

.text {color:#2e86cf;}

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

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

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

#03090e
```
#03090e rgb(3,9,14)
```
#07141e
```
#07141e rgb(7,20,30)
```
#0a1e2f
```
#0a1e2f rgb(10,30,47)
```
#0e283f
```
#0e283f rgb(14,40,63)
```
#11334f
```
#11334f rgb(17,51,79)
```
#153d5f
```
#153d5f rgb(21,61,95)
```
#19486f
```
#19486f rgb(25,72,111)
```
#1c527f
```
#1c527f rgb(28,82,127)
```
#205c8f
```
#205c8f rgb(32,92,143)
```
#23679f
```
#23679f rgb(35,103,159)
```
#2771af
```
#2771af rgb(39,113,175)
```
#2a7cbf
```
#2a7cbf rgb(42,124,191)
```
#2e86cf
```
#2e86cf rgb(46,134,207)
```

Shade Color Variation

#3d8fd4
```
#3d8fd4 rgb(61,143,212)
```
#4d99d7
```
#4d99d7 rgb(77,153,215)
```
#5da2db
```
#5da2db rgb(93,162,219)
```
#6dabdf
```
#6dabdf rgb(109,171,223)
```
#7db4e2
```
#7db4e2 rgb(125,180,226)
```
#8dbde6
```
#8dbde6 rgb(141,189,230)
```
#9dc7e9
```
#9dc7e9 rgb(157,199,233)
```
#add0ed
```
#add0ed rgb(173,208,237)
```
#bdd9f0
```
#bdd9f0 rgb(189,217,240)
```
#cde2f4
```
#cde2f4 rgb(205,226,244)
```
#ddecf8
```
#ddecf8 rgb(221,236,248)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7c7f81
```
#7c7f81 rgb(124,127,129)
```
#72808b
```
#72808b rgb(114,128,139)
```
#688195
```
#688195 rgb(104,129,149)
```
#5f819e
```
#5f819e rgb(95,129,158)
```
#5582a8
```
#5582a8 rgb(85,130,168)
```
#4b83b2
```
#4b83b2 rgb(75,131,178)
```
#4184bc
```
#4184bc rgb(65,132,188)
```
#3885c5
```
#3885c5 rgb(56,133,197)
```
#2e86cf
```
#2e86cf rgb(46,134,207)
```
#2487d9
```
#2487d9 rgb(36,135,217)
```
#1b88e2
```
#1b88e2 rgb(27,136,226)
```
#1189ec
```
#1189ec rgb(17,137,236)
```
#078af6
```
#078af6 rgb(7,138,246)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#667886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b85cc Protanopia 1% of men
#5588d3 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5585cd Protanomaly 1% of men, 0.01% of women
#4787d1 Deuteranomaly 6% of men, 0.4% of women
#108fb0 Tritanomaly 0.01% of the population

#2e86cf hex color

#2e86cf Color Information

#2e86cf Color Conversion

Color Schemes with #2e86cf

Alternatives to #2e86cf

#2e86cf Preview

Shades and Tints of #2e86cf

Tones of #2e86cf

Color Blindness Simulator