#2e7768 hex color

In a RGB color space, hex #2e7768 is composed of 18% red, 46.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 0% magenta, 12.6% yellow and 53.3% black. It has a hue angle of 167.7 degrees, a saturation of 44.2% and a lightness of 32.4%. #2e7768 color hex could be obtained by blending #5ceed0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 47
- B 41
RGB color chart
- C 61
- M 0
- Y 13
- K 53
CMYK color chart

● #2e7768 color description : Dark moderate cyan.

The hexadecimal color #2e7768 has RGB values of R:46, G:119, B:104 and CMYK values of C:0.61, M:0, Y:0.13, K:0.53. Its decimal value is 3045224.

Hex triplet	2e7768	`#2e7768`
RGB Decimal	46, 119, 104	`rgb(46,119,104)`
RGB Percent	18, 46.7, 40.8	`rgb(18%,46.7%,40.8%)`
CMYK	61, 0, 13, 53
HSL	167.7°, 44.2, 32.4	`hsl(167.7,44.2%,32.4%)`
HSV (or HSB)	167.7°, 61.3, 46.7
Web Safe	336666	`#336666`

CIE-LAB	45.322, -26.547, 1.504
XYZ	10.221, 14.773, 15.409
xyY	0.253, 0.366, 14.773
CIE-LCH	45.322, 26.589, 176.758
CIE-LUV	45.322, -29.926, 5.806
Hunter-Lab	38.436, -19.793, 3.136
Binary	00101110, 01110111, 01101000

#2e7768
```
#2e7768 rgb(46,119,104)
```
#772e3d
```
#772e3d rgb(119,46,61)
```

Complementary Color

#2e7744
```
#2e7744 rgb(46,119,68)
```
#2e7768
```
#2e7768 rgb(46,119,104)
```
#2e6277
```
#2e6277 rgb(46,98,119)
```

Analogous Color

#77442e
```
#77442e rgb(119,68,46)
```
#2e7768
```
#2e7768 rgb(46,119,104)
```
#772e62
```
#772e62 rgb(119,46,98)
```

Split Complementary Color

#77682e
```
#77682e rgb(119,104,46)
```
#2e7768
```
#2e7768 rgb(46,119,104)
```
#682e77
```
#682e77 rgb(104,46,119)
```

Triadic Color

#3d772e
```
#3d772e rgb(61,119,46)
```
#2e7768
```
#2e7768 rgb(46,119,104)
```
#682e77
```
#682e77 rgb(104,46,119)
```
#772e3d
```
#772e3d rgb(119,46,61)
```

Tetradic Color

#194038
```
#194038 rgb(25,64,56)
```
#205248
```
#205248 rgb(32,82,72)
```
#276558
```
#276558 rgb(39,101,88)
```
#2e7768
```
#2e7768 rgb(46,119,104)
```
#358978
```
#358978 rgb(53,137,120)
```
#3c9c88
```
#3c9c88 rgb(60,156,136)
```
#43ae98
```
#43ae98 rgb(67,174,152)
```

Monochromatic Color

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

#2e7756
```
#2e7756 rgb(46,119,86)
```
#2e775c
```
#2e775c rgb(46,119,92)
```
#2e7762
```
#2e7762 rgb(46,119,98)
```
#2e7768
```
#2e7768 rgb(46,119,104)
```
#2e776e
```
#2e776e rgb(46,119,110)
```
#2e7774
```
#2e7774 rgb(46,119,116)
```
#2e7477
```
#2e7477 rgb(46,116,119)
```

Similar Colors

Text with hexadecimal color #2e7768

This text has a font color of #2e7768.

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

#2e7768 background color

This paragraph has a background color of #2e7768.

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

#2e7768 border color

This element has a border color of #2e7768.

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

CSS codes

.text {color:#2e7768;}

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

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

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, #020605 is the darkest color, while #f7fcfb is the lightest one.

#020605
```
#020605 rgb(2,6,5)
```
#081411
```
#081411 rgb(8,20,17)
```
#0d221e
```
#0d221e rgb(13,34,30)
```
#13302a
```
#13302a rgb(19,48,42)
```
#183e37
```
#183e37 rgb(24,62,55)
```
#1e4d43
```
#1e4d43 rgb(30,77,67)
```
#235b4f
```
#235b4f rgb(35,91,79)
```
#29695c
```
#29695c rgb(41,105,92)
```
#2e7768
```
#2e7768 rgb(46,119,104)
```
#338574
```
#338574 rgb(51,133,116)
```
#399381
```
#399381 rgb(57,147,129)
```
#3ea18d
```
#3ea18d rgb(62,161,141)
```
#44b099
```
#44b099 rgb(68,176,153)
```

Shade Color Variation

#4dbaa4
```
#4dbaa4 rgb(77,186,164)
```
#5bc0ab
```
#5bc0ab rgb(91,192,171)
```
#69c5b2
```
#69c5b2 rgb(105,197,178)
```
#77cbb9
```
#77cbb9 rgb(119,203,185)
```
#86d0c1
```
#86d0c1 rgb(134,208,193)
```
#94d6c8
```
#94d6c8 rgb(148,214,200)
```
#a2dbcf
```
#a2dbcf rgb(162,219,207)
```
#b0e0d6
```
#b0e0d6 rgb(176,224,214)
```
#bee6de
```
#bee6de rgb(190,230,222)
```
#ccebe5
```
#ccebe5 rgb(204,235,229)
```
#daf1ec
```
#daf1ec rgb(218,241,236)
```
#e9f6f3
```
#e9f6f3 rgb(233,246,243)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5755 is the less saturated color, while #02a382 is the most saturated one.

#4e5755
```
#4e5755 rgb(78,87,85)
```
#475e59
```
#475e59 rgb(71,94,89)
```
#41645d
```
#41645d rgb(65,100,93)
```
#3b6a61
```
#3b6a61 rgb(59,106,97)
```
#347164
```
#347164 rgb(52,113,100)
```
#2e7768
```
#2e7768 rgb(46,119,104)
```
#287d6c
```
#287d6c rgb(40,125,108)
```
#21846f
```
#21846f rgb(33,132,111)
```
#1b8a73
```
#1b8a73 rgb(27,138,115)
```
#159077
```
#159077 rgb(21,144,119)
```
#0e977b
```
#0e977b rgb(14,151,123)
```
#089d7e
```
#089d7e rgb(8,157,126)
```
#02a382
```
#02a382 rgb(2,163,130)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#556461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#77726a Protanopia 1% of men
#7c6f74 Deuteranopia 1% of men
#427b84 Tritanopia 0.001% of the population

Trichromacy

#5c7469 Protanomaly 1% of men, 0.01% of women
#607270 Deuteranomaly 6% of men, 0.4% of women
#3a7979 Tritanomaly 0.01% of the population

#2e7768 hex color

#2e7768 Color Information

#2e7768 Color Conversion

Color Schemes with #2e7768

Alternatives to #2e7768

#2e7768 Preview

Shades and Tints of #2e7768

Tones of #2e7768

Color Blindness Simulator