#2e86ff hex color

In a RGB color space, hex #2e86ff is composed of 18% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 214.7 degrees, a saturation of 100% and a lightness of 59%. #2e86ff color hex could be obtained by blending #5cffff with #000dff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 53
- B 100
RGB color chart
- C 82
- M 47
- Y 0
- K 0
CMYK color chart

● #2e86ff color description : Vivid blue.

The hexadecimal color #2e86ff has RGB values of R:46, G:134, B:255 and CMYK values of C:0.82, M:0.47, Y:0, K:0. Its decimal value is 3049215.

Hex triplet	2e86ff	`#2e86ff`
RGB Decimal	46, 134, 255	`rgb(46,134,255)`
RGB Percent	18, 52.5, 100	`rgb(18%,52.5%,100%)`
CMYK	82, 47, 0, 0
HSL	214.7°, 100, 59	`hsl(214.7,100%,59%)`
HSV (or HSB)	214.7°, 82, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.928, 17.148, -67.324
XYZ	27.698, 24.849, 97.939
xyY	0.184, 0.165, 24.849
CIE-LCH	56.928, 69.473, 284.29
CIE-LUV	56.928, -28.311, -108.2
Hunter-Lab	49.849, 11.947, -81.595
Binary	00101110, 10000110, 11111111

#2e86ff
```
#2e86ff rgb(46,134,255)
```
#ffa72e
```
#ffa72e rgb(255,167,46)
```

Complementary Color

#2eefff
```
#2eefff rgb(46,239,255)
```
#2e86ff
```
#2e86ff rgb(46,134,255)
```
#3f2eff
```
#3f2eff rgb(63,46,255)
```

Analogous Color

#efff2e
```
#efff2e rgb(239,255,46)
```
#2e86ff
```
#2e86ff rgb(46,134,255)
```
#ff3f2e
```
#ff3f2e rgb(255,63,46)
```

Split Complementary Color

#86ff2e
```
#86ff2e rgb(134,255,46)
```
#2e86ff
```
#2e86ff rgb(46,134,255)
```
#ff2e86
```
#ff2e86 rgb(255,46,134)
```

Triadic Color

#2effa7
```
#2effa7 rgb(46,255,167)
```
#2e86ff
```
#2e86ff rgb(46,134,255)
```
#ff2e86
```
#ff2e86 rgb(255,46,134)
```
#ffa72e
```
#ffa72e rgb(255,167,46)
```

Tetradic Color

#005fe1
```
#005fe1 rgb(0,95,225)
```
#0069fa
```
#0069fa rgb(0,105,250)
```
#1577ff
```
#1577ff rgb(21,119,255)
```
#2e86ff
```
#2e86ff rgb(46,134,255)
```
#4895ff
```
#4895ff rgb(72,149,255)
```
#61a4ff
```
#61a4ff rgb(97,164,255)
```
#7bb2ff
```
#7bb2ff rgb(123,178,255)
```

Monochromatic Color

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

#2ebaff
```
#2ebaff rgb(46,186,255)
```
#2ea9ff
```
#2ea9ff rgb(46,169,255)
```
#2e97ff
```
#2e97ff rgb(46,151,255)
```
#2e86ff
```
#2e86ff rgb(46,134,255)
```
#2e75ff
```
#2e75ff rgb(46,117,255)
```
#2e63ff
```
#2e63ff rgb(46,99,255)
```
#2e52ff
```
#2e52ff rgb(46,82,255)
```

Similar Colors

Text with hexadecimal color #2e86ff

This text has a font color of #2e86ff.

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

#2e86ff background color

This paragraph has a background color of #2e86ff.

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

#2e86ff border color

This element has a border color of #2e86ff.

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

CSS codes

.text {color:#2e86ff;}

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

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

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, #000307 is the darkest color, while #f2f8ff is the lightest one.

#000307
```
#000307 rgb(0,3,7)
```
#000b1a
```
#000b1a rgb(0,11,26)
```
#00132e
```
#00132e rgb(0,19,46)
```
#001c42
```
#001c42 rgb(0,28,66)
```
#002455
```
#002455 rgb(0,36,85)
```
#002c69
```
#002c69 rgb(0,44,105)
```
#00347c
```
#00347c rgb(0,52,124)
```
#003d90
```
#003d90 rgb(0,61,144)
```
#0045a4
```
#0045a4 rgb(0,69,164)
```
#004db7
```
#004db7 rgb(0,77,183)
```
#0055cb
```
#0055cb rgb(0,85,203)
```
#005edf
```
#005edf rgb(0,94,223)
```
#0066f2
```
#0066f2 rgb(0,102,242)
```

Shade Color Variation

#076fff
```
#076fff rgb(7,111,255)
```
#1a7bff
```
#1a7bff rgb(26,123,255)
```
#2e86ff
```
#2e86ff rgb(46,134,255)
```
#4291ff
```
#4291ff rgb(66,145,255)
```
#559dff
```
#559dff rgb(85,157,255)
```
#69a8ff
```
#69a8ff rgb(105,168,255)
```
#7cb3ff
```
#7cb3ff rgb(124,179,255)
```
#90bfff
```
#90bfff rgb(144,191,255)
```
#a4caff
```
#a4caff rgb(164,202,255)
```
#b7d5ff
```
#b7d5ff rgb(183,213,255)
```
#cbe1ff
```
#cbe1ff rgb(203,225,255)
```
#dfecff
```
#dfecff rgb(223,236,255)
```
#f2f8ff
```
#f2f8ff rgb(242,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e959f is the less saturated color, while #2e86ff is the most saturated one.

#8e959f
```
#8e959f rgb(142,149,159)
```
#8694a7
```
#8694a7 rgb(134,148,167)
```
#7e93af
```
#7e93af rgb(126,147,175)
```
#7691b7
```
#7691b7 rgb(118,145,183)
```
#6e90bf
```
#6e90bf rgb(110,144,191)
```
#668fc7
```
#668fc7 rgb(102,143,199)
```
#5e8ecf
```
#5e8ecf rgb(94,142,207)
```
#568cd7
```
#568cd7 rgb(86,140,215)
```
#4e8bdf
```
#4e8bdf rgb(78,139,223)
```
#468ae7
```
#468ae7 rgb(70,138,231)
```
#3e89ef
```
#3e89ef rgb(62,137,239)
```
#3687f7
```
#3687f7 rgb(54,135,247)
```
#2e86ff
```
#2e86ff rgb(46,134,255)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#488afd Protanopia 1% of men
#0091f0 Deuteranopia 1% of men
#009ca6 Tritanopia 0.001% of the population

Trichromacy

#3f89fe Protanomaly 1% of men, 0.01% of women
#108df5 Deuteranomaly 6% of men, 0.4% of women
#1094c6 Tritanomaly 0.01% of the population

#2e86ff hex color

#2e86ff Color Information

#2e86ff Color Conversion

Color Schemes with #2e86ff

Alternatives to #2e86ff

#2e86ff Preview

Shades and Tints of #2e86ff

Tones of #2e86ff

Color Blindness Simulator