#2e7d7b hex color

In a RGB color space, hex #2e7d7b is composed of 18% red, 49% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 0% magenta, 1.6% yellow and 51% black. It has a hue angle of 178.5 degrees, a saturation of 46.2% and a lightness of 33.5%. #2e7d7b color hex could be obtained by blending #5cfaf6 with #000000. Closest websafe color is: #336666.

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

● #2e7d7b color description : Dark moderate cyan.

The hexadecimal color #2e7d7b has RGB values of R:46, G:125, B:123 and CMYK values of C:0.63, M:0, Y:0.02, K:0.51. Its decimal value is 3046779.

Hex triplet	2e7d7b	`#2e7d7b`
RGB Decimal	46, 125, 123	`rgb(46,125,123)`
RGB Percent	18, 49, 48.2	`rgb(18%,49%,48.2%)`
CMYK	63, 0, 2, 51
HSL	178.5°, 46.2, 33.5	`hsl(178.5,46.2%,33.5%)`
HSV (or HSB)	178.5°, 63.2, 49
Web Safe	336666	`#336666`

CIE-LAB	47.851, -24.146, -6.055
XYZ	12.034, 16.677, 21.323
xyY	0.241, 0.333, 16.677
CIE-LCH	47.851, 24.894, 194.077
CIE-LUV	47.851, -31.259, -5.069
Hunter-Lab	40.838, -18.864, -2.371
Binary	00101110, 01111101, 01111011

#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#7d2e30
```
#7d2e30 rgb(125,46,48)
```

Complementary Color

#2e7d54
```
#2e7d54 rgb(46,125,84)
```
#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#2e587d
```
#2e587d rgb(46,88,125)
```

Analogous Color

#7d542e
```
#7d542e rgb(125,84,46)
```
#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#7d2e57
```
#7d2e57 rgb(125,46,87)
```

Split Complementary Color

#7d7b2e
```
#7d7b2e rgb(125,123,46)
```
#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#7b2e7d
```
#7b2e7d rgb(123,46,125)
```

Triadic Color

#307d2e
```
#307d2e rgb(48,125,46)
```
#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#7b2e7d
```
#7b2e7d rgb(123,46,125)
```
#7d2e30
```
#7d2e30 rgb(125,46,48)
```

Tetradic Color

#194544
```
#194544 rgb(25,69,68)
```
#205856
```
#205856 rgb(32,88,86)
```
#276a69
```
#276a69 rgb(39,106,105)
```
#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#35908d
```
#35908d rgb(53,144,141)
```
#3ca2a0
```
#3ca2a0 rgb(60,162,160)
```
#43b5b2
```
#43b5b2 rgb(67,181,178)
```

Monochromatic Color

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

#2e7d67
```
#2e7d67 rgb(46,125,103)
```
#2e7d6e
```
#2e7d6e rgb(46,125,110)
```
#2e7d74
```
#2e7d74 rgb(46,125,116)
```
#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#2e787d
```
#2e787d rgb(46,120,125)
```
#2e727d
```
#2e727d rgb(46,114,125)
```
#2e6b7d
```
#2e6b7d rgb(46,107,125)
```

Similar Colors

Text with hexadecimal color #2e7d7b

This text has a font color of #2e7d7b.

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

#2e7d7b background color

This paragraph has a background color of #2e7d7b.

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

#2e7d7b border color

This element has a border color of #2e7d7b.

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

CSS codes

.text {color:#2e7d7b;}

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

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

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

#040a0a
```
#040a0a rgb(4,10,10)
```
#091918
```
#091918 rgb(9,25,24)
```
#0e2726
```
#0e2726 rgb(14,39,38)
```
#143534
```
#143534 rgb(20,53,52)
```
#194443
```
#194443 rgb(25,68,67)
```
#1e5251
```
#1e5251 rgb(30,82,81)
```
#23605f
```
#23605f rgb(35,96,95)
```
#296f6d
```
#296f6d rgb(41,111,109)
```
#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#338b89
```
#338b89 rgb(51,139,137)
```
#399a97
```
#399a97 rgb(57,154,151)
```
#3ea8a5
```
#3ea8a5 rgb(62,168,165)
```
#43b6b3
```
#43b6b3 rgb(67,182,179)
```

Shade Color Variation

#4fbebb
```
#4fbebb rgb(79,190,187)
```
#5dc3c1
```
#5dc3c1 rgb(93,195,193)
```
#6cc9c6
```
#6cc9c6 rgb(108,201,198)
```
#7acecc
```
#7acecc rgb(122,206,204)
```
#88d3d1
```
#88d3d1 rgb(136,211,209)
```
#97d9d7
```
#97d9d7 rgb(151,217,215)
```
#a5dedc
```
#a5dedc rgb(165,222,220)
```
#b3e3e2
```
#b3e3e2 rgb(179,227,226)
```
#c2e8e7
```
#c2e8e7 rgb(194,232,231)
```
#d0eeed
```
#d0eeed rgb(208,238,237)
```
#def3f2
```
#def3f2 rgb(222,243,242)
```
#edf8f8
```
#edf8f8 rgb(237,248,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#555656
```
#555656 rgb(85,86,86)
```
#4f5c5c
```
#4f5c5c rgb(79,92,92)
```
#486362
```
#486362 rgb(72,99,98)
```
#426968
```
#426968 rgb(66,105,104)
```
#3b706f
```
#3b706f rgb(59,112,111)
```
#357675
```
#357675 rgb(53,118,117)
```
#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#278481
```
#278481 rgb(39,132,129)
```
#218a87
```
#218a87 rgb(33,138,135)
```
#1a918e
```
#1a918e rgb(26,145,142)
```
#149794
```
#149794 rgb(20,151,148)
```
#0d9e9a
```
#0d9e9a rgb(13,158,154)
```
#07a4a0
```
#07a4a0 rgb(7,164,160)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a6a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a787b Protanopia 1% of men
#7d7586 Deuteranopia 1% of men
#3e828b Tritanopia 0.001% of the population

Trichromacy

#5e797b Protanomaly 1% of men, 0.01% of women
#607882 Deuteranomaly 6% of men, 0.4% of women
#388085 Tritanomaly 0.01% of the population

#2e7d7b hex color

#2e7d7b Color Information

#2e7d7b Color Conversion

Color Schemes with #2e7d7b

Alternatives to #2e7d7b

#2e7d7b Preview

Shades and Tints of #2e7d7b

Tones of #2e7d7b

Color Blindness Simulator