#2e86bd hex color

In a RGB color space, hex #2e86bd is composed of 18% red, 52.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 29.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 203.1 degrees, a saturation of 60.9% and a lightness of 46.1%. #2e86bd color hex could be obtained by blending #5cffff with #000d7b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 53
- B 74
RGB color chart
- C 76
- M 29
- Y 0
- K 26
CMYK color chart

● #2e86bd color description : Strong blue.

The hexadecimal color #2e86bd has RGB values of R:46, G:134, B:189 and CMYK values of C:0.76, M:0.29, Y:0, K:0.26. Its decimal value is 3049149.

Hex triplet	2e86bd	`#2e86bd`
RGB Decimal	46, 134, 189	`rgb(46,134,189)`
RGB Percent	18, 52.5, 74.1	`rgb(18%,52.5%,74.1%)`
CMYK	76, 29, 0, 26
HSL	203.1°, 60.9, 46.1	`hsl(203.1,60.9%,46.1%)`
HSV (or HSB)	203.1°, 75.7, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.28, -7.117, -36.138
XYZ	18.835, 21.304, 51.261
xyY	0.206, 0.233, 21.304
CIE-LCH	53.28, 36.832, 258.858
CIE-LUV	53.28, -31.005, -54.561
Hunter-Lab	46.156, -7.932, -33.538
Binary	00101110, 10000110, 10111101

#2e86bd
```
#2e86bd rgb(46,134,189)
```
#bd652e
```
#bd652e rgb(189,101,46)
```

Complementary Color

#2ebdad
```
#2ebdad rgb(46,189,173)
```
#2e86bd
```
#2e86bd rgb(46,134,189)
```
#2e3fbd
```
#2e3fbd rgb(46,63,189)
```

Analogous Color

#bdad2e
```
#bdad2e rgb(189,173,46)
```
#2e86bd
```
#2e86bd rgb(46,134,189)
```
#bd2e3f
```
#bd2e3f rgb(189,46,63)
```

Split Complementary Color

#86bd2e
```
#86bd2e rgb(134,189,46)
```
#2e86bd
```
#2e86bd rgb(46,134,189)
```
#bd2e86
```
#bd2e86 rgb(189,46,134)
```

Triadic Color

#2ebd65
```
#2ebd65 rgb(46,189,101)
```
#2e86bd
```
#2e86bd rgb(46,134,189)
```
#bd2e86
```
#bd2e86 rgb(189,46,134)
```
#bd652e
```
#bd652e rgb(189,101,46)
```

Tetradic Color

#1f5a7f
```
#1f5a7f rgb(31,90,127)
```
#246994
```
#246994 rgb(36,105,148)
```
#2977a8
```
#2977a8 rgb(41,119,168)
```
#2e86bd
```
#2e86bd rgb(46,134,189)
```
#3694ce
```
#3694ce rgb(54,148,206)
```
#4b9fd3
```
#4b9fd3 rgb(75,159,211)
```
#5faad8
```
#5faad8 rgb(95,170,216)
```

Monochromatic Color

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

#2eaabd
```
#2eaabd rgb(46,170,189)
```
#2e9ebd
```
#2e9ebd rgb(46,158,189)
```
#2e92bd
```
#2e92bd rgb(46,146,189)
```
#2e86bd
```
#2e86bd rgb(46,134,189)
```
#2e7abd
```
#2e7abd rgb(46,122,189)
```
#2e6ebd
```
#2e6ebd rgb(46,110,189)
```
#2e62bd
```
#2e62bd rgb(46,98,189)
```

Similar Colors

Text with hexadecimal color #2e86bd

This text has a font color of #2e86bd.

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

#2e86bd background color

This paragraph has a background color of #2e86bd.

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

#2e86bd border color

This element has a border color of #2e86bd.

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

CSS codes

.text {color:#2e86bd;}

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

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

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, #040b0f is the darkest color, while #ffffff is the lightest one.

#040b0f
```
#040b0f rgb(4,11,15)
```
#08161f
```
#08161f rgb(8,22,31)
```
#0b212f
```
#0b212f rgb(11,33,47)
```
#0f2d3f
```
#0f2d3f rgb(15,45,63)
```
#13384f
```
#13384f rgb(19,56,79)
```
#17435e
```
#17435e rgb(23,67,94)
```
#1b4e6e
```
#1b4e6e rgb(27,78,110)
```
#1f597e
```
#1f597e rgb(31,89,126)
```
#22648e
```
#22648e rgb(34,100,142)
```
#26709d
```
#26709d rgb(38,112,157)
```
#2a7bad
```
#2a7bad rgb(42,123,173)
```
#2e86bd
```
#2e86bd rgb(46,134,189)
```
#3291cd
```
#3291cd rgb(50,145,205)
```

Shade Color Variation

#419ad1
```
#419ad1 rgb(65,154,209)
```
#51a2d5
```
#51a2d5 rgb(81,162,213)
```
#61abd9
```
#61abd9 rgb(97,171,217)
```
#71b3dc
```
#71b3dc rgb(113,179,220)
```
#80bbe0
```
#80bbe0 rgb(128,187,224)
```
#90c4e4
```
#90c4e4 rgb(144,196,228)
```
#a0cce8
```
#a0cce8 rgb(160,204,232)
```
#b0d5ec
```
#b0d5ec rgb(176,213,236)
```
#c0ddf0
```
#c0ddf0 rgb(192,221,240)
```
#cfe6f3
```
#cfe6f3 rgb(207,230,243)
```
#dfeef7
```
#dfeef7 rgb(223,238,247)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d777e is the less saturated color, while #0190ea is the most saturated one.

#6d777e
```
#6d777e rgb(109,119,126)
```
#647987
```
#647987 rgb(100,121,135)
```
#5b7c90
```
#5b7c90 rgb(91,124,144)
```
#527e99
```
#527e99 rgb(82,126,153)
```
#4980a2
```
#4980a2 rgb(73,128,162)
```
#4082ab
```
#4082ab rgb(64,130,171)
```
#3784b4
```
#3784b4 rgb(55,132,180)
```
#2e86bd
```
#2e86bd rgb(46,134,189)
```
#2588c6
```
#2588c6 rgb(37,136,198)
```
#1c8acf
```
#1c8acf rgb(28,138,207)
```
#138cd8
```
#138cd8 rgb(19,140,216)
```
#0a8ee1
```
#0a8ee1 rgb(10,142,225)
```
#0190ea
```
#0190ea rgb(1,144,234)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#647681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7384ba Protanopia 1% of men
#6685c3 Deuteranopia 1% of men
#00929d Tritanopia 0.001% of the population

Trichromacy

#5a84bb Protanomaly 1% of men, 0.01% of women
#5185c0 Deuteranomaly 6% of men, 0.4% of women
#108ea8 Tritanomaly 0.01% of the population

#2e86bd hex color

#2e86bd Color Information

#2e86bd Color Conversion

Color Schemes with #2e86bd

Alternatives to #2e86bd

#2e86bd Preview

Shades and Tints of #2e86bd

Tones of #2e86bd

Color Blindness Simulator