#2e8580 hex color

In a RGB color space, hex #2e8580 is composed of 18% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 0% magenta, 3.8% yellow and 47.8% black. It has a hue angle of 176.6 degrees, a saturation of 48.6% and a lightness of 35.1%. #2e8580 color hex could be obtained by blending #5cffff with #000b01. Closest websafe color is: #339999.

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

● #2e8580 color description : Dark moderate cyan.

The hexadecimal color #2e8580 has RGB values of R:46, G:133, B:128 and CMYK values of C:0.65, M:0, Y:0.04, K:0.48. Its decimal value is 3048832.

Hex triplet	2e8580	`#2e8580`
RGB Decimal	46, 133, 128	`rgb(46,133,128)`
RGB Percent	18, 52.2, 50.2	`rgb(18%,52.2%,50.2%)`
CMYK	65, 0, 4, 48
HSL	176.6°, 48.6, 35.1	`hsl(176.6,48.6%,35.1%)`
HSV (or HSB)	176.6°, 65.4, 52.2
Web Safe	339999	`#339999`

CIE-LAB	50.586, -26.716, -4.935
XYZ	13.409, 18.913, 23.365
xyY	0.241, 0.34, 18.913
CIE-LCH	50.586, 27.168, 190.466
CIE-LUV	50.586, -34.045, -3.143
Hunter-Lab	43.489, -21.069, -1.411
Binary	00101110, 10000101, 10000000

#2e8580
```
#2e8580 rgb(46,133,128)
```
#852e33
```
#852e33 rgb(133,46,51)
```

Complementary Color

#2e8555
```
#2e8555 rgb(46,133,85)
```
#2e8580
```
#2e8580 rgb(46,133,128)
```
#2e5f85
```
#2e5f85 rgb(46,95,133)
```

Analogous Color

#85552e
```
#85552e rgb(133,85,46)
```
#2e8580
```
#2e8580 rgb(46,133,128)
```
#852e5f
```
#852e5f rgb(133,46,95)
```

Split Complementary Color

#85802e
```
#85802e rgb(133,128,46)
```
#2e8580
```
#2e8580 rgb(46,133,128)
```
#802e85
```
#802e85 rgb(128,46,133)
```

Triadic Color

#33852e
```
#33852e rgb(51,133,46)
```
#2e8580
```
#2e8580 rgb(46,133,128)
```
#802e85
```
#802e85 rgb(128,46,133)
```
#852e33
```
#852e33 rgb(133,46,51)
```

Tetradic Color

#1a4c49
```
#1a4c49 rgb(26,76,73)
```
#215f5c
```
#215f5c rgb(33,95,92)
```
#27726e
```
#27726e rgb(39,114,110)
```
#2e8580
```
#2e8580 rgb(46,133,128)
```
#359892
```
#359892 rgb(53,152,146)
```
#3baba4
```
#3baba4 rgb(59,171,164)
```
#42beb6
```
#42beb6 rgb(66,190,182)
```

Monochromatic Color

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

#2e856a
```
#2e856a rgb(46,133,106)
```
#2e8572
```
#2e8572 rgb(46,133,114)
```
#2e8579
```
#2e8579 rgb(46,133,121)
```
#2e8580
```
#2e8580 rgb(46,133,128)
```
#2e8385
```
#2e8385 rgb(46,131,133)
```
#2e7c85
```
#2e7c85 rgb(46,124,133)
```
#2e7485
```
#2e7485 rgb(46,116,133)
```

Similar Colors

Text with hexadecimal color #2e8580

This text has a font color of #2e8580.

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

#2e8580 background color

This paragraph has a background color of #2e8580.

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

#2e8580 border color

This element has a border color of #2e8580.

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

CSS codes

.text {color:#2e8580;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#061010
```
#061010 rgb(6,16,16)
```
#0b1f1e
```
#0b1f1e rgb(11,31,30)
```
#102e2c
```
#102e2c rgb(16,46,44)
```
#153c3a
```
#153c3a rgb(21,60,58)
```
#1a4b48
```
#1a4b48 rgb(26,75,72)
```
#1f5956
```
#1f5956 rgb(31,89,86)
```
#246864
```
#246864 rgb(36,104,100)
```
#297672
```
#297672 rgb(41,118,114)
```
#2e8580
```
#2e8580 rgb(46,133,128)
```
#33948e
```
#33948e rgb(51,148,142)
```
#38a29c
```
#38a29c rgb(56,162,156)
```
#3db1aa
```
#3db1aa rgb(61,177,170)
```

Shade Color Variation

#43beb7
```
#43beb7 rgb(67,190,183)
```
#52c3bd
```
#52c3bd rgb(82,195,189)
```
#61c8c2
```
#61c8c2 rgb(97,200,194)
```
#6fcdc8
```
#6fcdc8 rgb(111,205,200)
```
#7ed2cd
```
#7ed2cd rgb(126,210,205)
```
#8cd7d3
```
#8cd7d3 rgb(140,215,211)
```
#9bdcd9
```
#9bdcd9 rgb(155,220,217)
```
#a9e1de
```
#a9e1de rgb(169,225,222)
```
#b8e6e4
```
#b8e6e4 rgb(184,230,228)
```
#c7ebe9
```
#c7ebe9 rgb(199,235,233)
```
#d5f1ef
```
#d5f1ef rgb(213,241,239)
```
#e4f6f5
```
#e4f6f5 rgb(228,246,245)
```
#f2fbfa
```
#f2fbfa rgb(242,251,250)
```

Tint Color Variation

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

#575c5b
```
#575c5b rgb(87,92,91)
```
#506362
```
#506362 rgb(80,99,98)
```
#4a6968
```
#4a6968 rgb(74,105,104)
```
#43706e
```
#43706e rgb(67,112,110)
```
#3c7774
```
#3c7774 rgb(60,119,116)
```
#357e7a
```
#357e7a rgb(53,126,122)
```
#2e8580
```
#2e8580 rgb(46,133,128)
```
#278c86
```
#278c86 rgb(39,140,134)
```
#20938c
```
#20938c rgb(32,147,140)
```
#199a92
```
#199a92 rgb(25,154,146)
```
#12a198
```
#12a198 rgb(18,161,152)
```
#0ca79e
```
#0ca79e rgb(12,167,158)
```
#05aea5
```
#05aea5 rgb(5,174,165)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5e6f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#817e7f Protanopia 1% of men
#857c8c Deuteranopia 1% of men
#408993 Tritanopia 0.001% of the population

Trichromacy

#63817f Protanomaly 1% of men, 0.01% of women
#657f87 Deuteranomaly 6% of men, 0.4% of women
#39878c Tritanomaly 0.01% of the population

#2e8580 hex color

#2e8580 Color Information

#2e8580 Color Conversion

Color Schemes with #2e8580

Alternatives to #2e8580

#2e8580 Preview

Shades and Tints of #2e8580

Tones of #2e8580

Color Blindness Simulator