#2e86b3 hex color

In a RGB color space, hex #2e86b3 is composed of 18% red, 52.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 25.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 200.3 degrees, a saturation of 59.1% and a lightness of 44.1%. #2e86b3 color hex could be obtained by blending #5cffff with #000d67. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 53
- B 70
RGB color chart
- C 74
- M 25
- Y 0
- K 30
CMYK color chart

● #2e86b3 color description : Moderate blue.

The hexadecimal color #2e86b3 has RGB values of R:46, G:134, B:179 and CMYK values of C:0.74, M:0.25, Y:0, K:0.3. Its decimal value is 3049139.

Hex triplet	2e86b3	`#2e86b3`
RGB Decimal	46, 134, 179	`rgb(46,134,179)`
RGB Percent	18, 52.5, 70.2	`rgb(18%,52.5%,70.2%)`
CMYK	74, 25, 0, 30
HSL	200.3°, 59.1, 44.1	`hsl(200.3,59.1%,44.1%)`
HSV (or HSB)	200.3°, 74.3, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.823, -10.657, -31.127
XYZ	17.786, 20.884, 45.739
xyY	0.211, 0.247, 20.884
CIE-LCH	52.823, 32.901, 251.1
CIE-LUV	52.823, -31.523, -45.971
Hunter-Lab	45.699, -10.5, -27.352
Binary	00101110, 10000110, 10110011

#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#b35b2e
```
#b35b2e rgb(179,91,46)
```

Complementary Color

#2eb39e
```
#2eb39e rgb(46,179,158)
```
#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#2e44b3
```
#2e44b3 rgb(46,68,179)
```

Analogous Color

#b39e2e
```
#b39e2e rgb(179,158,46)
```
#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#b32e43
```
#b32e43 rgb(179,46,67)
```

Split Complementary Color

#86b32e
```
#86b32e rgb(134,179,46)
```
#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#b32e86
```
#b32e86 rgb(179,46,134)
```

Triadic Color

#2eb35b
```
#2eb35b rgb(46,179,91)
```
#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#b32e86
```
#b32e86 rgb(179,46,134)
```
#b35b2e
```
#b35b2e rgb(179,91,46)
```

Tetradic Color

#1e5876
```
#1e5876 rgb(30,88,118)
```
#24688a
```
#24688a rgb(36,104,138)
```
#29779f
```
#29779f rgb(41,119,159)
```
#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#3395c7
```
#3395c7 rgb(51,149,199)
```
#45a0cf
```
#45a0cf rgb(69,160,207)
```
#59abd4
```
#59abd4 rgb(89,171,212)
```

Monochromatic Color

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

#2ea7b3
```
#2ea7b3 rgb(46,167,179)
```
#2e9cb3
```
#2e9cb3 rgb(46,156,179)
```
#2e91b3
```
#2e91b3 rgb(46,145,179)
```
#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#2e7bb3
```
#2e7bb3 rgb(46,123,179)
```
#2e70b3
```
#2e70b3 rgb(46,112,179)
```
#2e65b3
```
#2e65b3 rgb(46,101,179)
```

Similar Colors

Text with hexadecimal color #2e86b3

This text has a font color of #2e86b3.

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

#2e86b3 background color

This paragraph has a background color of #2e86b3.

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

#2e86b3 border color

This element has a border color of #2e86b3.

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

CSS codes

.text {color:#2e86b3;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#061117
```
#061117 rgb(6,17,23)
```
#0a1d27
```
#0a1d27 rgb(10,29,39)
```
#0e2936
```
#0e2936 rgb(14,41,54)
```
#123446
```
#123446 rgb(18,52,70)
```
#164055
```
#164055 rgb(22,64,85)
```
#1a4c65
```
#1a4c65 rgb(26,76,101)
```
#1e5775
```
#1e5775 rgb(30,87,117)
```
#226384
```
#226384 rgb(34,99,132)
```
#266f94
```
#266f94 rgb(38,111,148)
```
#2a7aa3
```
#2a7aa3 rgb(42,122,163)
```
#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#3292c3
```
#3292c3 rgb(50,146,195)
```

Shade Color Variation

#3b9ccd
```
#3b9ccd rgb(59,156,205)
```
#4ba4d1
```
#4ba4d1 rgb(75,164,209)
```
#5babd5
```
#5babd5 rgb(91,171,213)
```
#6ab3d9
```
#6ab3d9 rgb(106,179,217)
```
#7abbdd
```
#7abbdd rgb(122,187,221)
```
#8ac3e1
```
#8ac3e1 rgb(138,195,225)
```
#99cbe5
```
#99cbe5 rgb(153,203,229)
```
#a9d3e9
```
#a9d3e9 rgb(169,211,233)
```
#b8dbed
```
#b8dbed rgb(184,219,237)
```
#c8e3f1
```
#c8e3f1 rgb(200,227,241)
```
#d8ebf5
```
#d8ebf5 rgb(216,235,245)
```
#e7f3f9
```
#e7f3f9 rgb(231,243,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#6b7276
```
#6b7276 rgb(107,114,118)
```
#62757f
```
#62757f rgb(98,117,127)
```
#597888
```
#597888 rgb(89,120,136)
```
#517b90
```
#517b90 rgb(81,123,144)
```
#487e99
```
#487e99 rgb(72,126,153)
```
#3f80a2
```
#3f80a2 rgb(63,128,162)
```
#3783aa
```
#3783aa rgb(55,131,170)
```
#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#2589bc
```
#2589bc rgb(37,137,188)
```
#1d8cc4
```
#1d8cc4 rgb(29,140,196)
```
#148ecd
```
#148ecd rgb(20,142,205)
```
#0b91d6
```
#0b91d6 rgb(11,145,214)
```
#0394de
```
#0394de rgb(3,148,222)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#64757e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7683b0 Protanopia 1% of men
#6d83ba Deuteranopia 1% of men
#14919c Tritanopia 0.001% of the population

Trichromacy

#5c84b1 Protanomaly 1% of men, 0.01% of women
#5684b7 Deuteranomaly 6% of men, 0.4% of women
#1d8da4 Tritanomaly 0.01% of the population

#2e86b3 hex color

#2e86b3 Color Information

#2e86b3 Color Conversion

Color Schemes with #2e86b3

Alternatives to #2e86b3

#2e86b3 Preview

Shades and Tints of #2e86b3

Tones of #2e86b3

Color Blindness Simulator