#2c6f56 hex color

In a RGB color space, hex #2c6f56 is composed of 17.3% red, 43.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 0% magenta, 22.5% yellow and 56.5% black. It has a hue angle of 157.6 degrees, a saturation of 43.2% and a lightness of 30.4%. #2c6f56 color hex could be obtained by blending #58deac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 44
- B 34
RGB color chart
- C 60
- M 0
- Y 23
- K 56
CMYK color chart

● #2c6f56 color description : Very dark cyan - lime green.

The hexadecimal color #2c6f56 has RGB values of R:44, G:111, B:86 and CMYK values of C:0.6, M:0, Y:0.23, K:0.56. Its decimal value is 2912086.

Hex triplet	2c6f56	`#2c6f56`
RGB Decimal	44, 111, 86	`rgb(44,111,86)`
RGB Percent	17.3, 43.5, 33.7	`rgb(17.3%,43.5%,33.7%)`
CMYK	60, 0, 23, 56
HSL	157.6°, 43.2, 30.4	`hsl(157.6,43.2%,30.4%)`
HSV (or HSB)	157.6°, 60.4, 43.5
Web Safe	336666	`#336666`

CIE-LAB	42.117, -27.768, 7.655
XYZ	8.402, 12.576, 10.788
xyY	0.265, 0.396, 12.576
CIE-LCH	42.117, 28.803, 164.588
CIE-LUV	42.117, -28.105, 13.709
Hunter-Lab	35.462, -19.765, 6.786
Binary	00101100, 01101111, 01010110

#2c6f56
```
#2c6f56 rgb(44,111,86)
```
#6f2c45
```
#6f2c45 rgb(111,44,69)
```

Complementary Color

#2c6f35
```
#2c6f35 rgb(44,111,53)
```
#2c6f56
```
#2c6f56 rgb(44,111,86)
```
#2c676f
```
#2c676f rgb(44,103,111)
```

Analogous Color

#6f352c
```
#6f352c rgb(111,53,44)
```
#2c6f56
```
#2c6f56 rgb(44,111,86)
```
#6f2c67
```
#6f2c67 rgb(111,44,103)
```

Split Complementary Color

#6f562c
```
#6f562c rgb(111,86,44)
```
#2c6f56
```
#2c6f56 rgb(44,111,86)
```
#562c6f
```
#562c6f rgb(86,44,111)
```

Triadic Color

#456f2c
```
#456f2c rgb(69,111,44)
```
#2c6f56
```
#2c6f56 rgb(44,111,86)
```
#562c6f
```
#562c6f rgb(86,44,111)
```
#6f2c45
```
#6f2c45 rgb(111,44,69)
```

Tetradic Color

#16382c
```
#16382c rgb(22,56,44)
```
#1e4a3a
```
#1e4a3a rgb(30,74,58)
```
#255d48
```
#255d48 rgb(37,93,72)
```
#2c6f56
```
#2c6f56 rgb(44,111,86)
```
#338164
```
#338164 rgb(51,129,100)
```
#3a9472
```
#3a9472 rgb(58,148,114)
```
#42a680
```
#42a680 rgb(66,166,128)
```

Monochromatic Color

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

#2c6f45
```
#2c6f45 rgb(44,111,69)
```
#2c6f4b
```
#2c6f4b rgb(44,111,75)
```
#2c6f50
```
#2c6f50 rgb(44,111,80)
```
#2c6f56
```
#2c6f56 rgb(44,111,86)
```
#2c6f5c
```
#2c6f5c rgb(44,111,92)
```
#2c6f61
```
#2c6f61 rgb(44,111,97)
```
#2c6f67
```
#2c6f67 rgb(44,111,103)
```

Similar Colors

Text with hexadecimal color #2c6f56

This text has a font color of #2c6f56.

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

#2c6f56 background color

This paragraph has a background color of #2c6f56.

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

#2c6f56 border color

This element has a border color of #2c6f56.

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

CSS codes

.text {color:#2c6f56;}

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

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

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, #050d0a is the darkest color, while #fefefe is the lightest one.

#050d0a
```
#050d0a rgb(5,13,10)
```
#0b1b15
```
#0b1b15 rgb(11,27,21)
```
#102920
```
#102920 rgb(16,41,32)
```
#16372a
```
#16372a rgb(22,55,42)
```
#1b4535
```
#1b4535 rgb(27,69,53)
```
#215340
```
#215340 rgb(33,83,64)
```
#26614b
```
#26614b rgb(38,97,75)
```
#2c6f56
```
#2c6f56 rgb(44,111,86)
```
#327d61
```
#327d61 rgb(50,125,97)
```
#378b6c
```
#378b6c rgb(55,139,108)
```
#3d9977
```
#3d9977 rgb(61,153,119)
```
#42a782
```
#42a782 rgb(66,167,130)
```
#48b58c
```
#48b58c rgb(72,181,140)
```

Shade Color Variation

#55bc95
```
#55bc95 rgb(85,188,149)
```
#63c19e
```
#63c19e rgb(99,193,158)
```
#71c7a7
```
#71c7a7 rgb(113,199,167)
```
#7fccb0
```
#7fccb0 rgb(127,204,176)
```
#8dd2b8
```
#8dd2b8 rgb(141,210,184)
```
#9bd7c1
```
#9bd7c1 rgb(155,215,193)
```
#a9ddca
```
#a9ddca rgb(169,221,202)
```
#b7e3d2
```
#b7e3d2 rgb(183,227,210)
```
#c5e8db
```
#c5e8db rgb(197,232,219)
```
#d3eee4
```
#d3eee4 rgb(211,238,228)
```
#e2f3ed
```
#e2f3ed rgb(226,243,237)
```
#f0f9f5
```
#f0f9f5 rgb(240,249,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4a514e
```
#4a514e rgb(74,81,78)
```
#445750
```
#445750 rgb(68,87,80)
```
#3e5d51
```
#3e5d51 rgb(62,93,81)
```
#386353
```
#386353 rgb(56,99,83)
```
#326954
```
#326954 rgb(50,105,84)
```
#2c6f56
```
#2c6f56 rgb(44,111,86)
```
#267558
```
#267558 rgb(38,117,88)
```
#207b59
```
#207b59 rgb(32,123,89)
```
#1a815b
```
#1a815b rgb(26,129,91)
```
#14875c
```
#14875c rgb(20,135,92)
```
#0e8d5e
```
#0e8d5e rgb(14,141,94)
```
#08935f
```
#08935f rgb(8,147,95)
```
#029961
```
#029961 rgb(2,153,97)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f5d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716b59 Protanopia 1% of men
#786763 Deuteranopia 1% of men
#42727a Tritanopia 0.001% of the population

Trichromacy

#586c58 Protanomaly 1% of men, 0.01% of women
#5c6a5e Deuteranomaly 6% of men, 0.4% of women
#3a716d Tritanomaly 0.01% of the population

#2c6f56 hex color

#2c6f56 Color Information

#2c6f56 Color Conversion

Color Schemes with #2c6f56

Alternatives to #2c6f56

#2c6f56 Preview

Shades and Tints of #2c6f56

Tones of #2c6f56

Color Blindness Simulator