#2e7a7e hex color

In a RGB color space, hex #2e7a7e is composed of 18% red, 47.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 3.2% magenta, 0% yellow and 50.6% black. It has a hue angle of 183 degrees, a saturation of 46.5% and a lightness of 33.7%. #2e7a7e color hex could be obtained by blending #5cf4fc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 48
- B 49
RGB color chart
- C 63
- M 3
- Y 0
- K 51
CMYK color chart

● #2e7a7e color description : Dark moderate cyan.

The hexadecimal color #2e7a7e has RGB values of R:46, G:122, B:126 and CMYK values of C:0.63, M:0.03, Y:0, K:0.51. Its decimal value is 3046014.

Hex triplet	2e7a7e	`#2e7a7e`
RGB Decimal	46, 122, 126	`rgb(46,122,126)`
RGB Percent	18, 47.8, 49.4	`rgb(18%,47.8%,49.4%)`
CMYK	63, 3, 0, 51
HSL	183°, 46.5, 33.7	`hsl(183,46.5%,33.7%)`
HSV (or HSB)	183°, 63.5, 49.4
Web Safe	336666	`#336666`

CIE-LAB	46.981, -21.681, -9.129
XYZ	11.851, 16.005, 22.202
xyY	0.237, 0.32, 16.005
CIE-LCH	46.981, 23.525, 202.834
CIE-LUV	46.981, -29.94, -9.846
Hunter-Lab	40.007, -17.135, -4.899
Binary	00101110, 01111010, 01111110

#2e7a7e
```
#2e7a7e rgb(46,122,126)
```
#7e322e
```
#7e322e rgb(126,50,46)
```

Complementary Color

#2e7e5a
```
#2e7e5a rgb(46,126,90)
```
#2e7a7e
```
#2e7a7e rgb(46,122,126)
```
#2e527e
```
#2e527e rgb(46,82,126)
```

Analogous Color

#7e5a2e
```
#7e5a2e rgb(126,90,46)
```
#2e7a7e
```
#2e7a7e rgb(46,122,126)
```
#7e2e52
```
#7e2e52 rgb(126,46,82)
```

Split Complementary Color

#7a7e2e
```
#7a7e2e rgb(122,126,46)
```
#2e7a7e
```
#2e7a7e rgb(46,122,126)
```
#7e2e7a
```
#7e2e7a rgb(126,46,122)
```

Triadic Color

#2e7e32
```
#2e7e32 rgb(46,126,50)
```
#2e7a7e
```
#2e7a7e rgb(46,122,126)
```
#7e2e7a
```
#7e2e7a rgb(126,46,122)
```
#7e322e
```
#7e322e rgb(126,50,46)
```

Tetradic Color

#1a4446
```
#1a4446 rgb(26,68,70)
```
#205659
```
#205659 rgb(32,86,89)
```
#27686b
```
#27686b rgb(39,104,107)
```
#2e7a7e
```
#2e7a7e rgb(46,122,126)
```
#358c91
```
#358c91 rgb(53,140,145)
```
#3c9ea3
```
#3c9ea3 rgb(60,158,163)
```
#42b0b6
```
#42b0b6 rgb(66,176,182)
```

Monochromatic Color

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

#2e7e6e
```
#2e7e6e rgb(46,126,110)
```
#2e7e75
```
#2e7e75 rgb(46,126,117)
```
#2e7e7b
```
#2e7e7b rgb(46,126,123)
```
#2e7a7e
```
#2e7a7e rgb(46,122,126)
```
#2e737e
```
#2e737e rgb(46,115,126)
```
#2e6d7e
```
#2e6d7e rgb(46,109,126)
```
#2e667e
```
#2e667e rgb(46,102,126)
```

Similar Colors

Text with hexadecimal color #2e7a7e

This text has a font color of #2e7a7e.

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

#2e7a7e background color

This paragraph has a background color of #2e7a7e.

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

#2e7a7e border color

This element has a border color of #2e7a7e.

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

CSS codes

.text {color:#2e7a7e;}

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

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

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, #040b0b is the darkest color, while #fcfefe is the lightest one.

#040b0b
```
#040b0b rgb(4,11,11)
```
#091919
```
#091919 rgb(9,25,25)
```
#0f2728
```
#0f2728 rgb(15,39,40)
```
#143436
```
#143436 rgb(20,52,54)
```
#194245
```
#194245 rgb(25,66,69)
```
#1e5053
```
#1e5053 rgb(30,80,83)
```
#245e61
```
#245e61 rgb(36,94,97)
```
#296c70
```
#296c70 rgb(41,108,112)
```
#2e7a7e
```
#2e7a7e rgb(46,122,126)
```
#33888c
```
#33888c rgb(51,136,140)
```
#38969b
```
#38969b rgb(56,150,155)
```
#3ea4a9
```
#3ea4a9 rgb(62,164,169)
```
#43b2b7
```
#43b2b7 rgb(67,178,183)
```

Shade Color Variation

#4fb9bf
```
#4fb9bf rgb(79,185,191)
```
#5ebfc4
```
#5ebfc4 rgb(94,191,196)
```
#6cc5c9
```
#6cc5c9 rgb(108,197,201)
```
#7acacf
```
#7acacf rgb(122,202,207)
```
#89d0d4
```
#89d0d4 rgb(137,208,212)
```
#97d6d9
```
#97d6d9 rgb(151,214,217)
```
#a5dbde
```
#a5dbde rgb(165,219,222)
```
#b4e1e4
```
#b4e1e4 rgb(180,225,228)
```
#c2e7e9
```
#c2e7e9 rgb(194,231,233)
```
#d1edee
```
#d1edee rgb(209,237,238)
```
#dff2f3
```
#dff2f3 rgb(223,242,243)
```
#edf8f9
```
#edf8f9 rgb(237,248,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#565656
```
#565656 rgb(86,86,86)
```
#4f5c5d
```
#4f5c5d rgb(79,92,93)
```
#486264
```
#486264 rgb(72,98,100)
```
#42686a
```
#42686a rgb(66,104,106)
```
#3b6e71
```
#3b6e71 rgb(59,110,113)
```
#357477
```
#357477 rgb(53,116,119)
```
#2e7a7e
```
#2e7a7e rgb(46,122,126)
```
#278085
```
#278085 rgb(39,128,133)
```
#21868b
```
#21868b rgb(33,134,139)
```
#1a8c92
```
#1a8c92 rgb(26,140,146)
```
#149298
```
#149298 rgb(20,146,152)
```
#0d989f
```
#0d989f rgb(13,152,159)
```
#069ea6
```
#069ea6 rgb(6,158,166)
```

Tone Color Variation

Below, you can see how #2e7a7e 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
#596869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76767e Protanopia 1% of men
#787489 Deuteranopia 1% of men
#3b8089 Tritanopia 0.001% of the population

Trichromacy

#5c777e Protanomaly 1% of men, 0.01% of women
#5d7685 Deuteranomaly 6% of men, 0.4% of women
#367d85 Tritanomaly 0.01% of the population

#2e7a7e hex color

#2e7a7e Color Information

#2e7a7e Color Conversion

Color Schemes with #2e7a7e

Alternatives to #2e7a7e

#2e7a7e Preview

Shades and Tints of #2e7a7e

Tones of #2e7a7e

Color Blindness Simulator