#2e7364 hex color

In a RGB color space, hex #2e7364 is composed of 18% red, 45.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 13% yellow and 54.9% black. It has a hue angle of 167 degrees, a saturation of 42.9% and a lightness of 31.6%. #2e7364 color hex could be obtained by blending #5ce6c8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 45
- B 39
RGB color chart
- C 60
- M 0
- Y 13
- K 55
CMYK color chart

● #2e7364 color description : Dark moderate cyan.

The hexadecimal color #2e7364 has RGB values of R:46, G:115, B:100 and CMYK values of C:0.6, M:0, Y:0.13, K:0.55. Its decimal value is 3044196.

Hex triplet	2e7364	`#2e7364`
RGB Decimal	46, 115, 100	`rgb(46,115,100)`
RGB Percent	18, 45.1, 39.2	`rgb(18%,45.1%,39.2%)`
CMYK	60, 0, 13, 55
HSL	167°, 42.9, 31.6	`hsl(167,42.9%,31.6%)`
HSV (or HSB)	167°, 60, 45.1
Web Safe	336666	`#336666`

CIE-LAB	43.889, -25.639, 1.813
XYZ	9.557, 13.762, 14.209
xyY	0.255, 0.367, 13.762
CIE-LCH	43.889, 25.703, 175.955
CIE-LUV	43.889, -28.538, 6.045
Hunter-Lab	37.097, -18.934, 3.259
Binary	00101110, 01110011, 01100100

#2e7364
```
#2e7364 rgb(46,115,100)
```
#732e3d
```
#732e3d rgb(115,46,61)
```

Complementary Color

#2e7342
```
#2e7342 rgb(46,115,66)
```
#2e7364
```
#2e7364 rgb(46,115,100)
```
#2e5f73
```
#2e5f73 rgb(46,95,115)
```

Analogous Color

#73422e
```
#73422e rgb(115,66,46)
```
#2e7364
```
#2e7364 rgb(46,115,100)
```
#732e5f
```
#732e5f rgb(115,46,95)
```

Split Complementary Color

#73642e
```
#73642e rgb(115,100,46)
```
#2e7364
```
#2e7364 rgb(46,115,100)
```
#642e73
```
#642e73 rgb(100,46,115)
```

Triadic Color

#3d732e
```
#3d732e rgb(61,115,46)
```
#2e7364
```
#2e7364 rgb(46,115,100)
```
#642e73
```
#642e73 rgb(100,46,115)
```
#732e3d
```
#732e3d rgb(115,46,61)
```

Tetradic Color

#183c34
```
#183c34 rgb(24,60,52)
```
#1f4f44
```
#1f4f44 rgb(31,79,68)
```
#276154
```
#276154 rgb(39,97,84)
```
#2e7364
```
#2e7364 rgb(46,115,100)
```
#358574
```
#358574 rgb(53,133,116)
```
#3d9784
```
#3d9784 rgb(61,151,132)
```
#44aa94
```
#44aa94 rgb(68,170,148)
```

Monochromatic Color

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

#2e7353
```
#2e7353 rgb(46,115,83)
```
#2e7359
```
#2e7359 rgb(46,115,89)
```
#2e735e
```
#2e735e rgb(46,115,94)
```
#2e7364
```
#2e7364 rgb(46,115,100)
```
#2e736a
```
#2e736a rgb(46,115,106)
```
#2e7370
```
#2e7370 rgb(46,115,112)
```
#2e7173
```
#2e7173 rgb(46,113,115)
```

Similar Colors

Text with hexadecimal color #2e7364

This text has a font color of #2e7364.

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

#2e7364 background color

This paragraph has a background color of #2e7364.

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

#2e7364 border color

This element has a border color of #2e7364.

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

CSS codes

.text {color:#2e7364;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110f
```
#07110f rgb(7,17,15)
```
#0c1f1b
```
#0c1f1b rgb(12,31,27)
```
#122d27
```
#122d27 rgb(18,45,39)
```
#183b33
```
#183b33 rgb(24,59,51)
```
#1d493f
```
#1d493f rgb(29,73,63)
```
#23574c
```
#23574c rgb(35,87,76)
```
#286558
```
#286558 rgb(40,101,88)
```
#2e7364
```
#2e7364 rgb(46,115,100)
```
#348170
```
#348170 rgb(52,129,112)
```
#398f7c
```
#398f7c rgb(57,143,124)
```
#3f9d89
```
#3f9d89 rgb(63,157,137)
```
#44ab95
```
#44ab95 rgb(68,171,149)
```

Shade Color Variation

#4cb7a0
```
#4cb7a0 rgb(76,183,160)
```
#5abda7
```
#5abda7 rgb(90,189,167)
```
#68c3af
```
#68c3af rgb(104,195,175)
```
#76c8b6
```
#76c8b6 rgb(118,200,182)
```
#84cebe
```
#84cebe rgb(132,206,190)
```
#92d3c5
```
#92d3c5 rgb(146,211,197)
```
#a0d9cd
```
#a0d9cd rgb(160,217,205)
```
#aedfd4
```
#aedfd4 rgb(174,223,212)
```
#bce4db
```
#bce4db rgb(188,228,219)
```
#caeae3
```
#caeae3 rgb(202,234,227)
```
#d8efea
```
#d8efea rgb(216,239,234)
```
#e6f5f2
```
#e6f5f2 rgb(230,245,242)
```
#f4fbf9
```
#f4fbf9 rgb(244,251,249)
```

Tint Color Variation

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

#4d5453
```
#4d5453 rgb(77,84,83)
```
#475a56
```
#475a56 rgb(71,90,86)
```
#41605a
```
#41605a rgb(65,96,90)
```
#3a675d
```
#3a675d rgb(58,103,93)
```
#346d61
```
#346d61 rgb(52,109,97)
```
#2e7364
```
#2e7364 rgb(46,115,100)
```
#287968
```
#287968 rgb(40,121,104)
```
#227f6b
```
#227f6b rgb(34,127,107)
```
#1b866f
```
#1b866f rgb(27,134,111)
```
#158c72
```
#158c72 rgb(21,140,114)
```
#0f9276
```
#0f9276 rgb(15,146,118)
```
#099879
```
#099879 rgb(9,152,121)
```
#039e7d
```
#039e7d rgb(3,158,125)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#54615e Atypical Achromatopsia 0.001% of the population

Dichromacy

#736f66 Protanopia 1% of men
#796c70 Deuteranopia 1% of men
#417780 Tritanopia 0.001% of the population

Trichromacy

#5a7065 Protanomaly 1% of men, 0.01% of women
#5d6e6c Deuteranomaly 6% of men, 0.4% of women
#3a7575 Tritanomaly 0.01% of the population

#2e7364 hex color

#2e7364 Color Information

#2e7364 Color Conversion

Color Schemes with #2e7364

Alternatives to #2e7364

#2e7364 Preview

Shades and Tints of #2e7364

Tones of #2e7364

Color Blindness Simulator