#2e7885 hex color

In a RGB color space, hex #2e7885 is composed of 18% red, 47.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 9.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 189 degrees, a saturation of 48.6% and a lightness of 35.1%. #2e7885 color hex could be obtained by blending #5cf0ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 47
- B 52
RGB color chart
- C 65
- M 10
- Y 0
- K 48
CMYK color chart

● #2e7885 color description : Dark moderate cyan.

The hexadecimal color #2e7885 has RGB values of R:46, G:120, B:133 and CMYK values of C:0.65, M:0.1, Y:0, K:0.48. Its decimal value is 3045509.

Hex triplet	2e7885	`#2e7885`
RGB Decimal	46, 120, 133	`rgb(46,120,133)`
RGB Percent	18, 47.1, 52.2	`rgb(18%,47.1%,52.2%)`
CMYK	65, 10, 0, 48
HSL	189°, 48.6, 35.1	`hsl(189,48.6%,35.1%)`
HSV (or HSB)	189°, 65.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	46.587, -18.412, -13.877
XYZ	12.076, 15.706, 24.584
xyY	0.231, 0.3, 15.706
CIE-LCH	46.587, 23.056, 217.006
CIE-LUV	46.587, -28.805, -17.292
Hunter-Lab	39.631, -14.965, -9.037
Binary	00101110, 01111000, 10000101

#2e7885
```
#2e7885 rgb(46,120,133)
```
#853b2e
```
#853b2e rgb(133,59,46)
```

Complementary Color

#2e8567
```
#2e8567 rgb(46,133,103)
```
#2e7885
```
#2e7885 rgb(46,120,133)
```
#2e4d85
```
#2e4d85 rgb(46,77,133)
```

Analogous Color

#85672e
```
#85672e rgb(133,103,46)
```
#2e7885
```
#2e7885 rgb(46,120,133)
```
#852e4d
```
#852e4d rgb(133,46,77)
```

Split Complementary Color

#78852e
```
#78852e rgb(120,133,46)
```
#2e7885
```
#2e7885 rgb(46,120,133)
```
#852e78
```
#852e78 rgb(133,46,120)
```

Triadic Color

#2e853b
```
#2e853b rgb(46,133,59)
```
#2e7885
```
#2e7885 rgb(46,120,133)
```
#852e78
```
#852e78 rgb(133,46,120)
```
#853b2e
```
#853b2e rgb(133,59,46)
```

Tetradic Color

#1a454c
```
#1a454c rgb(26,69,76)
```
#21565f
```
#21565f rgb(33,86,95)
```
#276772
```
#276772 rgb(39,103,114)
```
#2e7885
```
#2e7885 rgb(46,120,133)
```
#358998
```
#358998 rgb(53,137,152)
```
#3b9aab
```
#3b9aab rgb(59,154,171)
```
#42abbe
```
#42abbe rgb(66,171,190)
```

Monochromatic Color

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

#2e857c
```
#2e857c rgb(46,133,124)
```
#2e8584
```
#2e8584 rgb(46,133,132)
```
#2e7f85
```
#2e7f85 rgb(46,127,133)
```
#2e7885
```
#2e7885 rgb(46,120,133)
```
#2e7185
```
#2e7185 rgb(46,113,133)
```
#2e6a85
```
#2e6a85 rgb(46,106,133)
```
#2e6285
```
#2e6285 rgb(46,98,133)
```

Similar Colors

Text with hexadecimal color #2e7885

This text has a font color of #2e7885.

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

#2e7885 background color

This paragraph has a background color of #2e7885.

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

#2e7885 border color

This element has a border color of #2e7885.

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

CSS codes

.text {color:#2e7885;}

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

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

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 #f2f9fb is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#060f10
```
#060f10 rgb(6,15,16)
```
#0b1c1f
```
#0b1c1f rgb(11,28,31)
```
#10292e
```
#10292e rgb(16,41,46)
```
#15363c
```
#15363c rgb(21,54,60)
```
#1a434b
```
#1a434b rgb(26,67,75)
```
#1f5159
```
#1f5159 rgb(31,81,89)
```
#245e68
```
#245e68 rgb(36,94,104)
```
#296b76
```
#296b76 rgb(41,107,118)
```
#2e7885
```
#2e7885 rgb(46,120,133)
```
#338594
```
#338594 rgb(51,133,148)
```
#3892a2
```
#3892a2 rgb(56,146,162)
```
#3d9fb1
```
#3d9fb1 rgb(61,159,177)
```

Shade Color Variation

#43acbe
```
#43acbe rgb(67,172,190)
```
#52b2c3
```
#52b2c3 rgb(82,178,195)
```
#61b9c8
```
#61b9c8 rgb(97,185,200)
```
#6fbfcd
```
#6fbfcd rgb(111,191,205)
```
#7ec6d2
```
#7ec6d2 rgb(126,198,210)
```
#8cccd7
```
#8cccd7 rgb(140,204,215)
```
#9bd3dc
```
#9bd3dc rgb(155,211,220)
```
#a9d9e1
```
#a9d9e1 rgb(169,217,225)
```
#b8dfe6
```
#b8dfe6 rgb(184,223,230)
```
#c7e6eb
```
#c7e6eb rgb(199,230,235)
```
#d5ecf1
```
#d5ecf1 rgb(213,236,241)
```
#e4f3f6
```
#e4f3f6 rgb(228,243,246)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

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

#575b5c
```
#575b5c rgb(87,91,92)
```
#506063
```
#506063 rgb(80,96,99)
```
#4a6569
```
#4a6569 rgb(74,101,105)
```
#436a70
```
#436a70 rgb(67,106,112)
```
#3c6e77
```
#3c6e77 rgb(60,110,119)
```
#35737e
```
#35737e rgb(53,115,126)
```
#2e7885
```
#2e7885 rgb(46,120,133)
```
#277d8c
```
#277d8c rgb(39,125,140)
```
#208293
```
#208293 rgb(32,130,147)
```
#19869a
```
#19869a rgb(25,134,154)
```
#128ba1
```
#128ba1 rgb(18,139,161)
```
#0c90a7
```
#0c90a7 rgb(12,144,167)
```
#0595ae
```
#0595ae rgb(5,149,174)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58676a Atypical Achromatopsia 0.001% of the population

Dichromacy

#737585 Protanopia 1% of men
#73738f Deuteranopia 1% of men
#377f88 Tritanopia 0.001% of the population

Trichromacy

#597685 Protanomaly 1% of men, 0.01% of women
#59758b Deuteranomaly 6% of men, 0.4% of women
#337c87 Tritanomaly 0.01% of the population

#2e7885 hex color

#2e7885 Color Information

#2e7885 Color Conversion

Color Schemes with #2e7885

Alternatives to #2e7885

#2e7885 Preview

Shades and Tints of #2e7885

Tones of #2e7885

Color Blindness Simulator