#2e86ef hex color

In a RGB color space, hex #2e86ef is composed of 18% red, 52.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 43.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 212.6 degrees, a saturation of 85.8% and a lightness of 55.9%. #2e86ef color hex could be obtained by blending #5cffff with #000ddf. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 53
- B 94
RGB color chart
- C 81
- M 44
- Y 0
- K 6
CMYK color chart

● #2e86ef color description : Bright blue.

The hexadecimal color #2e86ef has RGB values of R:46, G:134, B:239 and CMYK values of C:0.81, M:0.44, Y:0, K:0.06. Its decimal value is 3049199.

Hex triplet	2e86ef	`#2e86ef`
RGB Decimal	46, 134, 239	`rgb(46,134,239)`
RGB Percent	18, 52.5, 93.7	`rgb(18%,52.5%,93.7%)`
CMYK	81, 44, 0, 6
HSL	212.6°, 85.8, 55.9	`hsl(212.6,85.8%,55.9%)`
HSV (or HSB)	212.6°, 80.8, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.948, 11.209, -60.057
XYZ	25.228, 23.861, 84.933
xyY	0.188, 0.178, 23.861
CIE-LCH	55.948, 61.094, 280.572
CIE-LUV	55.948, -28.842, -95.795
Hunter-Lab	48.848, 6.706, -68.896
Binary	00101110, 10000110, 11101111

#2e86ef
```
#2e86ef rgb(46,134,239)
```
#ef972e
```
#ef972e rgb(239,151,46)
```

Complementary Color

#2ee7ef
```
#2ee7ef rgb(46,231,239)
```
#2e86ef
```
#2e86ef rgb(46,134,239)
```
#362eef
```
#362eef rgb(54,46,239)
```

Analogous Color

#e7ef2e
```
#e7ef2e rgb(231,239,46)
```
#2e86ef
```
#2e86ef rgb(46,134,239)
```
#ef372e
```
#ef372e rgb(239,55,46)
```

Split Complementary Color

#86ef2e
```
#86ef2e rgb(134,239,46)
```
#2e86ef
```
#2e86ef rgb(46,134,239)
```
#ef2e86
```
#ef2e86 rgb(239,46,134)
```

Triadic Color

#2eef97
```
#2eef97 rgb(46,239,151)
```
#2e86ef
```
#2e86ef rgb(46,134,239)
```
#ef2e86
```
#ef2e86 rgb(239,46,134)
```
#ef972e
```
#ef972e rgb(239,151,46)
```

Tetradic Color

#0f60c2
```
#0f60c2 rgb(15,96,194)
```
#116cd9
```
#116cd9 rgb(17,108,217)
```
#1678ed
```
#1678ed rgb(22,120,237)
```
#2e86ef
```
#2e86ef rgb(46,134,239)
```
#4694f1
```
#4694f1 rgb(70,148,241)
```
#5da1f3
```
#5da1f3 rgb(93,161,243)
```
#75aff4
```
#75aff4 rgb(117,175,244)
```

Monochromatic Color

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

#2eb6ef
```
#2eb6ef rgb(46,182,239)
```
#2ea6ef
```
#2ea6ef rgb(46,166,239)
```
#2e96ef
```
#2e96ef rgb(46,150,239)
```
#2e86ef
```
#2e86ef rgb(46,134,239)
```
#2e76ef
```
#2e76ef rgb(46,118,239)
```
#2e66ef
```
#2e66ef rgb(46,102,239)
```
#2e56ef
```
#2e56ef rgb(46,86,239)
```

Similar Colors

Text with hexadecimal color #2e86ef

This text has a font color of #2e86ef.

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

#2e86ef background color

This paragraph has a background color of #2e86ef.

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

#2e86ef border color

This element has a border color of #2e86ef.

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

CSS codes

.text {color:#2e86ef;}

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

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

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, #01050a is the darkest color, while #f6fafe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#020e1c
```
#020e1c rgb(2,14,28)
```
#04172e
```
#04172e rgb(4,23,46)
```
#052040
```
#052040 rgb(5,32,64)
```
#062953
```
#062953 rgb(6,41,83)
```
#083265
```
#083265 rgb(8,50,101)
```
#093b77
```
#093b77 rgb(9,59,119)
```
#0b4489
```
#0b4489 rgb(11,68,137)
```
#0c4d9b
```
#0c4d9b rgb(12,77,155)
```
#0d56ae
```
#0d56ae rgb(13,86,174)
```
#0f5fc0
```
#0f5fc0 rgb(15,95,192)
```
#1069d2
```
#1069d2 rgb(16,105,210)
```
#1172e4
```
#1172e4 rgb(17,114,228)
```

Shade Color Variation

#1c7bee
```
#1c7bee rgb(28,123,238)
```
#2e86ef
```
#2e86ef rgb(46,134,239)
```
#4091f0
```
#4091f0 rgb(64,145,240)
```
#529bf2
```
#529bf2 rgb(82,155,242)
```
#65a6f3
```
#65a6f3 rgb(101,166,243)
```
#77b0f5
```
#77b0f5 rgb(119,176,245)
```
#89bbf6
```
#89bbf6 rgb(137,187,246)
```
#9bc5f7
```
#9bc5f7 rgb(155,197,247)
```
#aed0f9
```
#aed0f9 rgb(174,208,249)
```
#c0dafa
```
#c0dafa rgb(192,218,250)
```
#d2e5fc
```
#d2e5fc rgb(210,229,252)
```
#e4effd
```
#e4effd rgb(228,239,253)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#8d8e90
```
#8d8e90 rgb(141,142,144)
```
#858e98
```
#858e98 rgb(133,142,152)
```
#7c8da1
```
#7c8da1 rgb(124,141,161)
```
#738caa
```
#738caa rgb(115,140,170)
```
#6b8bb2
```
#6b8bb2 rgb(107,139,178)
```
#628bbb
```
#628bbb rgb(98,139,187)
```
#598ac4
```
#598ac4 rgb(89,138,196)
```
#5189cc
```
#5189cc rgb(81,137,204)
```
#4888d5
```
#4888d5 rgb(72,136,213)
```
#3f88de
```
#3f88de rgb(63,136,222)
```
#3787e6
```
#3787e6 rgb(55,135,230)
```
#2e86ef
```
#2e86ef rgb(46,134,239)
```
#2585f8
```
#2585f8 rgb(37,133,248)
```

Tone Color Variation

Below, you can see how #2e86ef 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
#697b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5889ed Protanopia 1% of men
#008eee Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#4887ed Protanomaly 1% of men, 0.01% of women
#108bee Deuteranomaly 6% of men, 0.4% of women
#1092bf Tritanomaly 0.01% of the population

#2e86ef hex color

#2e86ef Color Information

#2e86ef Color Conversion

Color Schemes with #2e86ef

Alternatives to #2e86ef

#2e86ef Preview

Shades and Tints of #2e86ef

Tones of #2e86ef

Color Blindness Simulator