#2c6156 hex color

In a RGB color space, hex #2c6156 is composed of 17.3% red, 38% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 0% magenta, 11.3% yellow and 62% black. It has a hue angle of 167.5 degrees, a saturation of 37.6% and a lightness of 27.6%. #2c6156 color hex could be obtained by blending #58c2ac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 38
- B 34
RGB color chart
- C 55
- M 0
- Y 11
- K 62
CMYK color chart

● #2c6156 color description : Very dark desaturated cyan.

The hexadecimal color #2c6156 has RGB values of R:44, G:97, B:86 and CMYK values of C:0.55, M:0, Y:0.11, K:0.62. Its decimal value is 2908502.

Hex triplet	2c6156	`#2c6156`
RGB Decimal	44, 97, 86	`rgb(44,97,86)`
RGB Percent	17.3, 38, 33.7	`rgb(17.3%,38%,33.7%)`
CMYK	55, 0, 11, 62
HSL	167.5°, 37.6, 27.6	`hsl(167.5,37.6%,27.6%)`
HSV (or HSB)	167.5°, 54.6, 38
Web Safe	336666	`#336666`

CIE-LAB	37.401, -20.669, 0.889
XYZ	6.993, 9.756, 10.318
xyY	0.258, 0.36, 9.756
CIE-LCH	37.401, 20.688, 177.538
CIE-LUV	37.401, -22.399, 3.947
Hunter-Lab	31.235, -14.7, 2.279
Binary	00101100, 01100001, 01010110

#2c6156
```
#2c6156 rgb(44,97,86)
```
#612c37
```
#612c37 rgb(97,44,55)
```

Complementary Color

#2c613c
```
#2c613c rgb(44,97,60)
```
#2c6156
```
#2c6156 rgb(44,97,86)
```
#2c5261
```
#2c5261 rgb(44,82,97)
```

Analogous Color

#613c2c
```
#613c2c rgb(97,60,44)
```
#2c6156
```
#2c6156 rgb(44,97,86)
```
#612c52
```
#612c52 rgb(97,44,82)
```

Split Complementary Color

#61562c
```
#61562c rgb(97,86,44)
```
#2c6156
```
#2c6156 rgb(44,97,86)
```
#562c61
```
#562c61 rgb(86,44,97)
```

Triadic Color

#37612c
```
#37612c rgb(55,97,44)
```
#2c6156
```
#2c6156 rgb(44,97,86)
```
#562c61
```
#562c61 rgb(86,44,97)
```
#612c37
```
#612c37 rgb(97,44,55)
```

Tetradic Color

#142c27
```
#142c27 rgb(20,44,39)
```
#1c3e37
```
#1c3e37 rgb(28,62,55)
```
#244f46
```
#244f46 rgb(36,79,70)
```
#2c6156
```
#2c6156 rgb(44,97,86)
```
#347366
```
#347366 rgb(52,115,102)
```
#3c8475
```
#3c8475 rgb(60,132,117)
```
#449685
```
#449685 rgb(68,150,133)
```

Monochromatic Color

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

#2c6149
```
#2c6149 rgb(44,97,73)
```
#2c614d
```
#2c614d rgb(44,97,77)
```
#2c6152
```
#2c6152 rgb(44,97,82)
```
#2c6156
```
#2c6156 rgb(44,97,86)
```
#2c615a
```
#2c615a rgb(44,97,90)
```
#2c615f
```
#2c615f rgb(44,97,95)
```
#2c5f61
```
#2c5f61 rgb(44,95,97)
```

Similar Colors

Text with hexadecimal color #2c6156

This text has a font color of #2c6156.

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

#2c6156 background color

This paragraph has a background color of #2c6156.

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

#2c6156 border color

This element has a border color of #2c6156.

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

CSS codes

.text {color:#2c6156;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#07100e
```
#07100e rgb(7,16,14)
```
#0d1e1a
```
#0d1e1a rgb(13,30,26)
```
#142b26
```
#142b26 rgb(20,43,38)
```
#1a3932
```
#1a3932 rgb(26,57,50)
```
#20463e
```
#20463e rgb(32,70,62)
```
#26544a
```
#26544a rgb(38,84,74)
```
#2c6156
```
#2c6156 rgb(44,97,86)
```
#326e62
```
#326e62 rgb(50,110,98)
```
#387c6e
```
#387c6e rgb(56,124,110)
```
#3e897a
```
#3e897a rgb(62,137,122)
```
#449786
```
#449786 rgb(68,151,134)
```
#4ba492
```
#4ba492 rgb(75,164,146)
```

Shade Color Variation

#52b19d
```
#52b19d rgb(82,177,157)
```
#60b7a5
```
#60b7a5 rgb(96,183,165)
```
#6dbdac
```
#6dbdac rgb(109,189,172)
```
#7bc3b4
```
#7bc3b4 rgb(123,195,180)
```
#88c9bc
```
#88c9bc rgb(136,201,188)
```
#96cfc3
```
#96cfc3 rgb(150,207,195)
```
#a3d5cb
```
#a3d5cb rgb(163,213,203)
```
#b1dbd3
```
#b1dbd3 rgb(177,219,211)
```
#bee2da
```
#bee2da rgb(190,226,218)
```
#cce8e2
```
#cce8e2 rgb(204,232,226)
```
#d9eee9
```
#d9eee9 rgb(217,238,233)
```
#e7f4f1
```
#e7f4f1 rgb(231,244,241)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #424b49 is the less saturated color, while #018c6f is the most saturated one.

#424b49
```
#424b49 rgb(66,75,73)
```
#3c514c
```
#3c514c rgb(60,81,76)
```
#375650
```
#375650 rgb(55,86,80)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#2c6156
```
#2c6156 rgb(44,97,86)
```
#276659
```
#276659 rgb(39,102,89)
```
#216c5c
```
#216c5c rgb(33,108,92)
```
#1c7160
```
#1c7160 rgb(28,113,96)
```
#167763
```
#167763 rgb(22,119,99)
```
#117c66
```
#117c66 rgb(17,124,102)
```
#0b8269
```
#0b8269 rgb(11,130,105)
```
#06876c
```
#06876c rgb(6,135,108)
```
#018c6f
```
#018c6f rgb(1,140,111)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#495351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63605a Protanopia 1% of men
#685d62 Deuteranopia 1% of men
#3d666e Tritanopia 0.001% of the population

Trichromacy

#4f6058 Protanomaly 1% of men, 0.01% of women
#525f5e Deuteranomaly 6% of men, 0.4% of women
#366465 Tritanomaly 0.01% of the population

#2c6156 hex color

#2c6156 Color Information

#2c6156 Color Conversion

Color Schemes with #2c6156

Alternatives to #2c6156

#2c6156 Preview

Shades and Tints of #2c6156

Tones of #2c6156

Color Blindness Simulator