#2c7368 hex color

In a RGB color space, hex #2c7368 is composed of 17.3% red, 45.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 9.6% yellow and 54.9% black. It has a hue angle of 170.7 degrees, a saturation of 44.7% and a lightness of 31.2%. #2c7368 color hex could be obtained by blending #58e6d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 45
- B 41
RGB color chart
- C 62
- M 0
- Y 10
- K 55
CMYK color chart

● #2c7368 color description : Dark moderate cyan.

The hexadecimal color #2c7368 has RGB values of R:44, G:115, B:104 and CMYK values of C:0.62, M:0, Y:0.1, K:0.55. Its decimal value is 2913128.

Hex triplet	2c7368	`#2c7368`
RGB Decimal	44, 115, 104	`rgb(44,115,104)`
RGB Percent	17.3, 45.1, 40.8	`rgb(17.3%,45.1%,40.8%)`
CMYK	62, 0, 10, 55
HSL	170.7°, 44.7, 31.2	`hsl(170.7,44.7%,31.2%)`
HSV (or HSB)	170.7°, 61.7, 45.1
Web Safe	336666	`#336666`

CIE-LAB	43.938, -24.96, -0.521
XYZ	9.667, 13.796, 15.249
xyY	0.25, 0.356, 13.796
CIE-LCH	43.938, 24.965, 181.195
CIE-LUV	43.938, -28.813, 2.815
Hunter-Lab	37.142, -18.54, 1.658
Binary	00101100, 01110011, 01101000

#2c7368
```
#2c7368 rgb(44,115,104)
```
#732c37
```
#732c37 rgb(115,44,55)
```

Complementary Color

#2c7345
```
#2c7345 rgb(44,115,69)
```
#2c7368
```
#2c7368 rgb(44,115,104)
```
#2c5b73
```
#2c5b73 rgb(44,91,115)
```

Analogous Color

#73452c
```
#73452c rgb(115,69,44)
```
#2c7368
```
#2c7368 rgb(44,115,104)
```
#732c5b
```
#732c5b rgb(115,44,91)
```

Split Complementary Color

#73682c
```
#73682c rgb(115,104,44)
```
#2c7368
```
#2c7368 rgb(44,115,104)
```
#682c73
```
#682c73 rgb(104,44,115)
```

Triadic Color

#37732c
```
#37732c rgb(55,115,44)
```
#2c7368
```
#2c7368 rgb(44,115,104)
```
#682c73
```
#682c73 rgb(104,44,115)
```
#732c37
```
#732c37 rgb(115,44,55)
```

Tetradic Color

#173c36
```
#173c36 rgb(23,60,54)
```
#1e4e47
```
#1e4e47 rgb(30,78,71)
```
#256157
```
#256157 rgb(37,97,87)
```
#2c7368
```
#2c7368 rgb(44,115,104)
```
#338579
```
#338579 rgb(51,133,121)
```
#3a9889
```
#3a9889 rgb(58,152,137)
```
#41aa9a
```
#41aa9a rgb(65,170,154)
```

Monochromatic Color

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

#2c7356
```
#2c7356 rgb(44,115,86)
```
#2c735c
```
#2c735c rgb(44,115,92)
```
#2c7362
```
#2c7362 rgb(44,115,98)
```
#2c7368
```
#2c7368 rgb(44,115,104)
```
#2c736e
```
#2c736e rgb(44,115,110)
```
#2c7273
```
#2c7273 rgb(44,114,115)
```
#2c6c73
```
#2c6c73 rgb(44,108,115)
```

Similar Colors

Text with hexadecimal color #2c7368

This text has a font color of #2c7368.

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

#2c7368 background color

This paragraph has a background color of #2c7368.

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

#2c7368 border color

This element has a border color of #2c7368.

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

CSS codes

.text {color:#2c7368;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#06100e
```
#06100e rgb(6,16,14)
```
#0b1e1b
```
#0b1e1b rgb(11,30,27)
```
#112c28
```
#112c28 rgb(17,44,40)
```
#163a35
```
#163a35 rgb(22,58,53)
```
#1c4842
```
#1c4842 rgb(28,72,66)
```
#21574e
```
#21574e rgb(33,87,78)
```
#27655b
```
#27655b rgb(39,101,91)
```
#2c7368
```
#2c7368 rgb(44,115,104)
```
#318175
```
#318175 rgb(49,129,117)
```
#378f82
```
#378f82 rgb(55,143,130)
```
#3c9e8e
```
#3c9e8e rgb(60,158,142)
```
#42ac9b
```
#42ac9b rgb(66,172,155)
```

Shade Color Variation

#48b9a8
```
#48b9a8 rgb(72,185,168)
```
#56beae
```
#56beae rgb(86,190,174)
```
#64c4b5
```
#64c4b5 rgb(100,196,181)
```
#73c9bc
```
#73c9bc rgb(115,201,188)
```
#81cfc3
```
#81cfc3 rgb(129,207,195)
```
#8fd4c9
```
#8fd4c9 rgb(143,212,201)
```
#9ddad0
```
#9ddad0 rgb(157,218,208)
```
#abdfd7
```
#abdfd7 rgb(171,223,215)
```
#bae4de
```
#bae4de rgb(186,228,222)
```
#c8eae5
```
#c8eae5 rgb(200,234,229)
```
#d6efeb
```
#d6efeb rgb(214,239,235)
```
#e4f5f2
```
#e4f5f2 rgb(228,245,242)
```
#f2faf9
```
#f2faf9 rgb(242,250,249)
```

Tint Color Variation

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

#4b5453
```
#4b5453 rgb(75,84,83)
```
#445b57
```
#445b57 rgb(68,91,87)
```
#3e615b
```
#3e615b rgb(62,97,91)
```
#386760
```
#386760 rgb(56,103,96)
```
#326d64
```
#326d64 rgb(50,109,100)
```
#2c7368
```
#2c7368 rgb(44,115,104)
```
#26796c
```
#26796c rgb(38,121,108)
```
#207f70
```
#207f70 rgb(32,127,112)
```
#1a8575
```
#1a8575 rgb(26,133,117)
```
#148b79
```
#148b79 rgb(20,139,121)
```
#0d927d
```
#0d927d rgb(13,146,125)
```
#079881
```
#079881 rgb(7,152,129)
```
#019e86
```
#019e86 rgb(1,158,134)
```

Tone Color Variation

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

Dichromacy

#726f6a Protanopia 1% of men
#776c74 Deuteranopia 1% of men
#3e7780 Tritanopia 0.001% of the population

Trichromacy

#597069 Protanomaly 1% of men, 0.01% of women
#5c6e70 Deuteranomaly 6% of men, 0.4% of women
#387677 Tritanomaly 0.01% of the population

#2c7368 hex color

#2c7368 Color Information

#2c7368 Color Conversion

Color Schemes with #2c7368

Alternatives to #2c7368

#2c7368 Preview

Shades and Tints of #2c7368

Tones of #2c7368

Color Blindness Simulator