#2e86d4 hex color

In a RGB color space, hex #2e86d4 is composed of 18% red, 52.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 36.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 208.2 degrees, a saturation of 65.9% and a lightness of 50.6%. #2e86d4 color hex could be obtained by blending #5cffff with #000da9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 53
- B 83
RGB color chart
- C 78
- M 37
- Y 0
- K 17
CMYK color chart

● #2e86d4 color description : Strong blue.

The hexadecimal color #2e86d4 has RGB values of R:46, G:134, B:212 and CMYK values of C:0.78, M:0.37, Y:0, K:0.17. Its decimal value is 3049172.

Hex triplet	2e86d4	`#2e86d4`
RGB Decimal	46, 134, 212	`rgb(46,134,212)`
RGB Percent	18, 52.5, 83.1	`rgb(18%,52.5%,83.1%)`
CMYK	78, 37, 0, 17
HSL	208.2°, 65.9, 50.6	`hsl(208.2,65.9%,50.6%)`
HSV (or HSB)	208.2°, 78.3, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.431, 1.225, -47.374
XYZ	21.533, 22.383, 65.469
xyY	0.197, 0.205, 22.383
CIE-LCH	54.431, 47.39, 271.481
CIE-LUV	54.431, -29.917, -73.95
Hunter-Lab	47.31, -1.551, -48.93
Binary	00101110, 10000110, 11010100

#2e86d4
```
#2e86d4 rgb(46,134,212)
```
#d47c2e
```
#d47c2e rgb(212,124,46)
```

Complementary Color

#2ed4cf
```
#2ed4cf rgb(46,212,207)
```
#2e86d4
```
#2e86d4 rgb(46,134,212)
```
#2e33d4
```
#2e33d4 rgb(46,51,212)
```

Analogous Color

#d4cf2e
```
#d4cf2e rgb(212,207,46)
```
#2e86d4
```
#2e86d4 rgb(46,134,212)
```
#d42e33
```
#d42e33 rgb(212,46,51)
```

Split Complementary Color

#86d42e
```
#86d42e rgb(134,212,46)
```
#2e86d4
```
#2e86d4 rgb(46,134,212)
```
#d42e86
```
#d42e86 rgb(212,46,134)
```

Triadic Color

#2ed47c
```
#2ed47c rgb(46,212,124)
```
#2e86d4
```
#2e86d4 rgb(46,134,212)
```
#d42e86
```
#d42e86 rgb(212,46,134)
```
#d47c2e
```
#d47c2e rgb(212,124,46)
```

Tetradic Color

#1f5e97
```
#1f5e97 rgb(31,94,151)
```
#236cac
```
#236cac rgb(35,108,172)
```
#2879c1
```
#2879c1 rgb(40,121,193)
```
#2e86d4
```
#2e86d4 rgb(46,134,212)
```
#4392d8
```
#4392d8 rgb(67,146,216)
```
#589edd
```
#589edd rgb(88,158,221)
```
#6dabe1
```
#6dabe1 rgb(109,171,225)
```

Monochromatic Color

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

#2eb0d4
```
#2eb0d4 rgb(46,176,212)
```
#2ea2d4
```
#2ea2d4 rgb(46,162,212)
```
#2e94d4
```
#2e94d4 rgb(46,148,212)
```
#2e86d4
```
#2e86d4 rgb(46,134,212)
```
#2e78d4
```
#2e78d4 rgb(46,120,212)
```
#2e6ad4
```
#2e6ad4 rgb(46,106,212)
```
#2e5cd4
```
#2e5cd4 rgb(46,92,212)
```

Similar Colors

Text with hexadecimal color #2e86d4

This text has a font color of #2e86d4.

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

#2e86d4 background color

This paragraph has a background color of #2e86d4.

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

#2e86d4 border color

This element has a border color of #2e86d4.

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

CSS codes

.text {color:#2e86d4;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040c13
```
#040c13 rgb(4,12,19)
```
#071623
```
#071623 rgb(7,22,35)
```
#0b2033
```
#0b2033 rgb(11,32,51)
```
#0e2a44
```
#0e2a44 rgb(14,42,68)
```
#113554
```
#113554 rgb(17,53,84)
```
#153f64
```
#153f64 rgb(21,63,100)
```
#184974
```
#184974 rgb(24,73,116)
```
#1b5385
```
#1b5385 rgb(27,83,133)
```
#1f5d95
```
#1f5d95 rgb(31,93,149)
```
#2268a5
```
#2268a5 rgb(34,104,165)
```
#2572b5
```
#2572b5 rgb(37,114,181)
```
#297cc6
```
#297cc6 rgb(41,124,198)
```

Shade Color Variation

#2e86d4
```
#2e86d4 rgb(46,134,212)
```
#3e8fd7
```
#3e8fd7 rgb(62,143,215)
```
#4f99db
```
#4f99db rgb(79,153,219)
```
#5fa2de
```
#5fa2de rgb(95,162,222)
```
#6face1
```
#6face1 rgb(111,172,225)
```
#7fb5e5
```
#7fb5e5 rgb(127,181,229)
```
#90bfe8
```
#90bfe8 rgb(144,191,232)
```
#a0c8eb
```
#a0c8eb rgb(160,200,235)
```
#b0d1ef
```
#b0d1ef rgb(176,209,239)
```
#c0dbf2
```
#c0dbf2 rgb(192,219,242)
```
#d1e4f5
```
#d1e4f5 rgb(209,228,245)
```
#e1eef9
```
#e1eef9 rgb(225,238,249)
```
#f1f7fc
```
#f1f7fc rgb(241,247,252)
```

Tint Color Variation

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

#7c8186
```
#7c8186 rgb(124,129,134)
```
#728290
```
#728290 rgb(114,130,144)
```
#68829a
```
#68829a rgb(104,130,154)
```
#5e83a4
```
#5e83a4 rgb(94,131,164)
```
#5584ad
```
#5584ad rgb(85,132,173)
```
#4b84b7
```
#4b84b7 rgb(75,132,183)
```
#4185c1
```
#4185c1 rgb(65,133,193)
```
#3885ca
```
#3885ca rgb(56,133,202)
```
#2e86d4
```
#2e86d4 rgb(46,134,212)
```
#2487de
```
#2487de rgb(36,135,222)
```
#1b87e7
```
#1b87e7 rgb(27,135,231)
```
#1188f1
```
#1188f1 rgb(17,136,241)
```
#0788fb
```
#0788fb rgb(7,136,251)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6986d1 Protanopia 1% of men
#5089d7 Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#5386d2 Protanomaly 1% of men, 0.01% of women
#4388d6 Deuteranomaly 6% of men, 0.4% of women
#1090b2 Tritanomaly 0.01% of the population

#2e86d4 hex color

#2e86d4 Color Information

#2e86d4 Color Conversion

Color Schemes with #2e86d4

Alternatives to #2e86d4

#2e86d4 Preview

Shades and Tints of #2e86d4

Tones of #2e86d4

Color Blindness Simulator