#2e7186 hex color

In a RGB color space, hex #2e7186 is composed of 18% red, 44.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 15.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 194.3 degrees, a saturation of 48.9% and a lightness of 35.3%. #2e7186 color hex could be obtained by blending #5ce2ff with #00000d. Closest websafe color is: #336699.

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

● #2e7186 color description : Dark moderate cyan.

The hexadecimal color #2e7186 has RGB values of R:46, G:113, B:134 and CMYK values of C:0.66, M:0.16, Y:0, K:0.47. Its decimal value is 3043718.

Hex triplet	2e7186	`#2e7186`
RGB Decimal	46, 113, 134	`rgb(46,113,134)`
RGB Percent	18, 44.3, 52.5	`rgb(18%,44.3%,52.5%)`
CMYK	66, 16, 0, 47
HSL	194.3°, 48.9, 35.3	`hsl(194.3,48.9%,35.3%)`
HSV (or HSB)	194.3°, 65.7, 52.5
Web Safe	336699	`#336699`

CIE-LAB	44.392, -14.21, -17.818
XYZ	11.334, 14.111, 24.679
xyY	0.226, 0.282, 14.111
CIE-LCH	44.392, 22.79, 231.428
CIE-LUV	44.392, -26.096, -23.534
Hunter-Lab	37.565, -11.884, -12.656
Binary	00101110, 01110001, 10000110

#2e7186
```
#2e7186 rgb(46,113,134)
```
#86432e
```
#86432e rgb(134,67,46)
```

Complementary Color

#2e866f
```
#2e866f rgb(46,134,111)
```
#2e7186
```
#2e7186 rgb(46,113,134)
```
#2e4586
```
#2e4586 rgb(46,69,134)
```

Analogous Color

#866f2e
```
#866f2e rgb(134,111,46)
```
#2e7186
```
#2e7186 rgb(46,113,134)
```
#862e45
```
#862e45 rgb(134,46,69)
```

Split Complementary Color

#71862e
```
#71862e rgb(113,134,46)
```
#2e7186
```
#2e7186 rgb(46,113,134)
```
#862e71
```
#862e71 rgb(134,46,113)
```

Triadic Color

#2e8643
```
#2e8643 rgb(46,134,67)
```
#2e7186
```
#2e7186 rgb(46,113,134)
```
#862e71
```
#862e71 rgb(134,46,113)
```
#86432e
```
#86432e rgb(134,67,46)
```

Tetradic Color

#1a414d
```
#1a414d rgb(26,65,77)
```
#215160
```
#215160 rgb(33,81,96)
```
#276173
```
#276173 rgb(39,97,115)
```
#2e7186
```
#2e7186 rgb(46,113,134)
```
#358199
```
#358199 rgb(53,129,153)
```
#3b91ac
```
#3b91ac rgb(59,145,172)
```
#42a1be
```
#42a1be rgb(66,161,190)
```

Monochromatic Color

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

#2e8685
```
#2e8685 rgb(46,134,133)
```
#2e8086
```
#2e8086 rgb(46,128,134)
```
#2e7886
```
#2e7886 rgb(46,120,134)
```
#2e7186
```
#2e7186 rgb(46,113,134)
```
#2e6a86
```
#2e6a86 rgb(46,106,134)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#2e5b86
```
#2e5b86 rgb(46,91,134)
```

Similar Colors

Text with hexadecimal color #2e7186

This text has a font color of #2e7186.

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

#2e7186 background color

This paragraph has a background color of #2e7186.

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

#2e7186 border color

This element has a border color of #2e7186.

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

CSS codes

.text {color:#2e7186;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0b1b20
```
#0b1b20 rgb(11,27,32)
```
#10272e
```
#10272e rgb(16,39,46)
```
#15333d
```
#15333d rgb(21,51,61)
```
#1a404c
```
#1a404c rgb(26,64,76)
```
#1f4c5a
```
#1f4c5a rgb(31,76,90)
```
#245869
```
#245869 rgb(36,88,105)
```
#296577
```
#296577 rgb(41,101,119)
```
#2e7186
```
#2e7186 rgb(46,113,134)
```
#337d95
```
#337d95 rgb(51,125,149)
```
#388aa3
```
#388aa3 rgb(56,138,163)
```
#3d96b2
```
#3d96b2 rgb(61,150,178)
```

Shade Color Variation

#44a1bf
```
#44a1bf rgb(68,161,191)
```
#52a9c4
```
#52a9c4 rgb(82,169,196)
```
#61b0c9
```
#61b0c9 rgb(97,176,201)
```
#70b7ce
```
#70b7ce rgb(112,183,206)
```
#7ebfd3
```
#7ebfd3 rgb(126,191,211)
```
#8dc6d8
```
#8dc6d8 rgb(141,198,216)
```
#9bcddd
```
#9bcddd rgb(155,205,221)
```
#aad4e2
```
#aad4e2 rgb(170,212,226)
```
#b9dce7
```
#b9dce7 rgb(185,220,231)
```
#c7e3ec
```
#c7e3ec rgb(199,227,236)
```
#d6eaf1
```
#d6eaf1 rgb(214,234,241)
```
#e4f2f6
```
#e4f2f6 rgb(228,242,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585b5c is the less saturated color, while #0487b0 is the most saturated one.

#585b5c
```
#585b5c rgb(88,91,92)
```
#515f63
```
#515f63 rgb(81,95,99)
```
#4a636a
```
#4a636a rgb(74,99,106)
```
#436671
```
#436671 rgb(67,102,113)
```
#3c6a78
```
#3c6a78 rgb(60,106,120)
```
#356d7f
```
#356d7f rgb(53,109,127)
```
#2e7186
```
#2e7186 rgb(46,113,134)
```
#27758d
```
#27758d rgb(39,117,141)
```
#207894
```
#207894 rgb(32,120,148)
```
#197c9b
```
#197c9b rgb(25,124,155)
```
#127fa2
```
#127fa2 rgb(18,127,162)
```
#0b83a9
```
#0b83a9 rgb(11,131,169)
```
#0487b0
```
#0487b0 rgb(4,135,176)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#556367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6f86 Protanopia 1% of men
#696f8f Deuteranopia 1% of men
#327a83 Tritanopia 0.001% of the population

Trichromacy

#557086 Protanomaly 1% of men, 0.01% of women
#536f8c Deuteranomaly 6% of men, 0.4% of women
#317684 Tritanomaly 0.01% of the population

#2e7186 hex color

#2e7186 Color Information

#2e7186 Color Conversion

Color Schemes with #2e7186

Alternatives to #2e7186

#2e7186 Preview

Shades and Tints of #2e7186

Tones of #2e7186

Color Blindness Simulator