#2e7367 hex color

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

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

● #2e7367 color description : Dark moderate cyan.

The hexadecimal color #2e7367 has RGB values of R:46, G:115, B:103 and CMYK values of C:0.6, M:0, Y:0.1, K:0.55. Its decimal value is 3044199.

Hex triplet	2e7367	`#2e7367`
RGB Decimal	46, 115, 103	`rgb(46,115,103)`
RGB Percent	18, 45.1, 40.4	`rgb(18%,45.1%,40.4%)`
CMYK	60, 0, 10, 55
HSL	169.6°, 42.9, 31.6	`hsl(169.6,42.9%,31.6%)`
HSV (or HSB)	169.6°, 60, 45.1
Web Safe	336666	`#336666`

CIE-LAB	43.975, -24.815, 0.14
XYZ	9.705, 13.821, 14.987
xyY	0.252, 0.359, 13.821
CIE-LCH	43.975, 24.816, 179.677
CIE-LUV	43.975, -28.391, 3.694
Hunter-Lab	37.176, -18.461, 2.121
Binary	00101110, 01110011, 01100111

#2e7367
```
#2e7367 rgb(46,115,103)
```
#732e3a
```
#732e3a rgb(115,46,58)
```

Complementary Color

#2e7345
```
#2e7345 rgb(46,115,69)
```
#2e7367
```
#2e7367 rgb(46,115,103)
```
#2e5d73
```
#2e5d73 rgb(46,93,115)
```

Analogous Color

#73452e
```
#73452e rgb(115,69,46)
```
#2e7367
```
#2e7367 rgb(46,115,103)
```
#732e5d
```
#732e5d rgb(115,46,93)
```

Split Complementary Color

#73672e
```
#73672e rgb(115,103,46)
```
#2e7367
```
#2e7367 rgb(46,115,103)
```
#672e73
```
#672e73 rgb(103,46,115)
```

Triadic Color

#3a732e
```
#3a732e rgb(58,115,46)
```
#2e7367
```
#2e7367 rgb(46,115,103)
```
#672e73
```
#672e73 rgb(103,46,115)
```
#732e3a
```
#732e3a rgb(115,46,58)
```

Tetradic Color

#183c36
```
#183c36 rgb(24,60,54)
```
#1f4f46
```
#1f4f46 rgb(31,79,70)
```
#276157
```
#276157 rgb(39,97,87)
```
#2e7367
```
#2e7367 rgb(46,115,103)
```
#358577
```
#358577 rgb(53,133,119)
```
#3d9788
```
#3d9788 rgb(61,151,136)
```
#44aa98
```
#44aa98 rgb(68,170,152)
```

Monochromatic Color

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

#2e7356
```
#2e7356 rgb(46,115,86)
```
#2e735c
```
#2e735c rgb(46,115,92)
```
#2e7361
```
#2e7361 rgb(46,115,97)
```
#2e7367
```
#2e7367 rgb(46,115,103)
```
#2e736d
```
#2e736d rgb(46,115,109)
```
#2e7373
```
#2e7373 rgb(46,115,115)
```
#2e6e73
```
#2e6e73 rgb(46,110,115)
```

Similar Colors

Text with hexadecimal color #2e7367

This text has a font color of #2e7367.

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

#2e7367 background color

This paragraph has a background color of #2e7367.

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

#2e7367 border color

This element has a border color of #2e7367.

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

CSS codes

.text {color:#2e7367;}

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

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

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)
```
#0c1f1c
```
#0c1f1c rgb(12,31,28)
```
#122d28
```
#122d28 rgb(18,45,40)
```
#183b35
```
#183b35 rgb(24,59,53)
```
#1d4941
```
#1d4941 rgb(29,73,65)
```
#23574e
```
#23574e rgb(35,87,78)
```
#28655a
```
#28655a rgb(40,101,90)
```
#2e7367
```
#2e7367 rgb(46,115,103)
```
#348174
```
#348174 rgb(52,129,116)
```
#398f80
```
#398f80 rgb(57,143,128)
```
#3f9d8d
```
#3f9d8d rgb(63,157,141)
```
#44ab99
```
#44ab99 rgb(68,171,153)
```

Shade Color Variation

#4cb7a5
```
#4cb7a5 rgb(76,183,165)
```
#5abdac
```
#5abdac rgb(90,189,172)
```
#68c3b3
```
#68c3b3 rgb(104,195,179)
```
#76c8ba
```
#76c8ba rgb(118,200,186)
```
#84cec1
```
#84cec1 rgb(132,206,193)
```
#92d3c8
```
#92d3c8 rgb(146,211,200)
```
#a0d9cf
```
#a0d9cf rgb(160,217,207)
```
#aedfd6
```
#aedfd6 rgb(174,223,214)
```
#bce4dd
```
#bce4dd rgb(188,228,221)
```
#caeae4
```
#caeae4 rgb(202,234,228)
```
#d8efeb
```
#d8efeb rgb(216,239,235)
```
#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 #039e83 is the most saturated one.

#4d5453
```
#4d5453 rgb(77,84,83)
```
#475a57
```
#475a57 rgb(71,90,87)
```
#41605b
```
#41605b rgb(65,96,91)
```
#3a675f
```
#3a675f rgb(58,103,95)
```
#346d63
```
#346d63 rgb(52,109,99)
```
#2e7367
```
#2e7367 rgb(46,115,103)
```
#28796b
```
#28796b rgb(40,121,107)
```
#227f6f
```
#227f6f rgb(34,127,111)
```
#1b8673
```
#1b8673 rgb(27,134,115)
```
#158c77
```
#158c77 rgb(21,140,119)
```
#0f927b
```
#0f927b rgb(15,146,123)
```
#09987f
```
#09987f rgb(9,152,127)
```
#039e83
```
#039e83 rgb(3,158,131)
```

Tone Color Variation

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

Dichromacy

#736f69 Protanopia 1% of men
#786c73 Deuteranopia 1% of men
#407780 Tritanopia 0.001% of the population

Trichromacy

#5a7068 Protanomaly 1% of men, 0.01% of women
#5d6e6f Deuteranomaly 6% of men, 0.4% of women
#397577 Tritanomaly 0.01% of the population

#2e7367 hex color

#2e7367 Color Information

#2e7367 Color Conversion

Color Schemes with #2e7367

Alternatives to #2e7367

#2e7367 Preview

Shades and Tints of #2e7367

Tones of #2e7367

Color Blindness Simulator