#2e7a80 hex color

In a RGB color space, hex #2e7a80 is composed of 18% red, 47.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 4.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 184.4 degrees, a saturation of 47.1% and a lightness of 34.1%. #2e7a80 color hex could be obtained by blending #5cf4ff with #000001. Closest websafe color is: #336699.

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

● #2e7a80 color description : Dark moderate cyan.

The hexadecimal color #2e7a80 has RGB values of R:46, G:122, B:128 and CMYK values of C:0.64, M:0.05, Y:0, K:0.5. Its decimal value is 3046016.

Hex triplet	2e7a80	`#2e7a80`
RGB Decimal	46, 122, 128	`rgb(46,122,128)`
RGB Percent	18, 47.8, 50.2	`rgb(18%,47.8%,50.2%)`
CMYK	64, 5, 0, 50
HSL	184.4°, 47.1, 34.1	`hsl(184.4,47.1%,34.1%)`
HSV (or HSB)	184.4°, 64.1, 50.2
Web Safe	336699	`#336699`

CIE-LAB	47.05, -21.063, -10.213
XYZ	11.981, 16.057, 22.889
xyY	0.235, 0.315, 16.057
CIE-LCH	47.05, 23.408, 205.867
CIE-LUV	47.05, -29.833, -11.524
Hunter-Lab	40.072, -16.754, -5.816
Binary	00101110, 01111010, 10000000

#2e7a80
```
#2e7a80 rgb(46,122,128)
```
#80342e
```
#80342e rgb(128,52,46)
```

Complementary Color

#2e805d
```
#2e805d rgb(46,128,93)
```
#2e7a80
```
#2e7a80 rgb(46,122,128)
```
#2e5180
```
#2e5180 rgb(46,81,128)
```

Analogous Color

#805d2e
```
#805d2e rgb(128,93,46)
```
#2e7a80
```
#2e7a80 rgb(46,122,128)
```
#802e51
```
#802e51 rgb(128,46,81)
```

Split Complementary Color

#7a802e
```
#7a802e rgb(122,128,46)
```
#2e7a80
```
#2e7a80 rgb(46,122,128)
```
#802e7a
```
#802e7a rgb(128,46,122)
```

Triadic Color

#2e8034
```
#2e8034 rgb(46,128,52)
```
#2e7a80
```
#2e7a80 rgb(46,122,128)
```
#802e7a
```
#802e7a rgb(128,46,122)
```
#80342e
```
#80342e rgb(128,52,46)
```

Tetradic Color

#1a4448
```
#1a4448 rgb(26,68,72)
```
#21565a
```
#21565a rgb(33,86,90)
```
#27686d
```
#27686d rgb(39,104,109)
```
#2e7a80
```
#2e7a80 rgb(46,122,128)
```
#358c93
```
#358c93 rgb(53,140,147)
```
#3b9ea6
```
#3b9ea6 rgb(59,158,166)
```
#42b0b8
```
#42b0b8 rgb(66,176,184)
```

Monochromatic Color

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

#2e8072
```
#2e8072 rgb(46,128,114)
```
#2e8078
```
#2e8078 rgb(46,128,120)
```
#2e807f
```
#2e807f rgb(46,128,127)
```
#2e7a80
```
#2e7a80 rgb(46,122,128)
```
#2e7380
```
#2e7380 rgb(46,115,128)
```
#2e6c80
```
#2e6c80 rgb(46,108,128)
```
#2e6680
```
#2e6680 rgb(46,102,128)
```

Similar Colors

Text with hexadecimal color #2e7a80

This text has a font color of #2e7a80.

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

#2e7a80 background color

This paragraph has a background color of #2e7a80.

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

#2e7a80 border color

This element has a border color of #2e7a80.

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

CSS codes

.text {color:#2e7a80;}

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

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

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, #050c0d is the darkest color, while #fdfefe is the lightest one.

#050c0d
```
#050c0d rgb(5,12,13)
```
#0a1a1b
```
#0a1a1b rgb(10,26,27)
```
#0f2729
```
#0f2729 rgb(15,39,41)
```
#143538
```
#143538 rgb(20,53,56)
```
#194346
```
#194346 rgb(25,67,70)
```
#1e5155
```
#1e5155 rgb(30,81,85)
```
#245e63
```
#245e63 rgb(36,94,99)
```
#296c72
```
#296c72 rgb(41,108,114)
```
#2e7a80
```
#2e7a80 rgb(46,122,128)
```
#33888e
```
#33888e rgb(51,136,142)
```
#38969d
```
#38969d rgb(56,150,157)
```
#3ea3ab
```
#3ea3ab rgb(62,163,171)
```
#43b1ba
```
#43b1ba rgb(67,177,186)
```

Shade Color Variation

#50b8c0
```
#50b8c0 rgb(80,184,192)
```
#5ebec5
```
#5ebec5 rgb(94,190,197)
```
#6dc4ca
```
#6dc4ca rgb(109,196,202)
```
#7bc9d0
```
#7bc9d0 rgb(123,201,208)
```
#8acfd5
```
#8acfd5 rgb(138,207,213)
```
#98d5da
```
#98d5da rgb(152,213,218)
```
#a7dbdf
```
#a7dbdf rgb(167,219,223)
```
#b5e1e4
```
#b5e1e4 rgb(181,225,228)
```
#c3e7ea
```
#c3e7ea rgb(195,231,234)
```
#d2edef
```
#d2edef rgb(210,237,239)
```
#e0f3f4
```
#e0f3f4 rgb(224,243,244)
```
#eff8f9
```
#eff8f9 rgb(239,248,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565858 is the less saturated color, while #069ca8 is the most saturated one.

#565858
```
#565858 rgb(86,88,88)
```
#4f5d5f
```
#4f5d5f rgb(79,93,95)
```
#496365
```
#496365 rgb(73,99,101)
```
#42696c
```
#42696c rgb(66,105,108)
```
#3b6f73
```
#3b6f73 rgb(59,111,115)
```
#357479
```
#357479 rgb(53,116,121)
```
#2e7a80
```
#2e7a80 rgb(46,122,128)
```
#278087
```
#278087 rgb(39,128,135)
```
#21858d
```
#21858d rgb(33,133,141)
```
#1a8b94
```
#1a8b94 rgb(26,139,148)
```
#13919b
```
#13919b rgb(19,145,155)
```
#0d97a1
```
#0d97a1 rgb(13,151,161)
```
#069ca8
```
#069ca8 rgb(6,156,168)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#59686a Atypical Achromatopsia 0.001% of the population

Dichromacy

#767680 Protanopia 1% of men
#77748b Deuteranopia 1% of men
#3a8089 Tritanopia 0.001% of the population

Trichromacy

#5b7780 Protanomaly 1% of men, 0.01% of women
#5c7687 Deuteranomaly 6% of men, 0.4% of women
#367e86 Tritanomaly 0.01% of the population

#2e7a80 hex color

#2e7a80 Color Information

#2e7a80 Color Conversion

Color Schemes with #2e7a80

Alternatives to #2e7a80

#2e7a80 Preview

Shades and Tints of #2e7a80

Tones of #2e7a80

Color Blindness Simulator