colorhexa.com

#2c5f51 hex color

In a RGB color space, hex #2c5f51 is composed of 17.3% red, 37.3% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 0% magenta, 14.7% yellow and 62.7% black. It has a hue angle of 163.5 degrees, a saturation of 36.7% and a lightness of 27.3%. #2c5f51 color hex could be obtained by blending #58bea2 with #000000. Closest websafe color is: #336666.

- R 17
- G 37
- B 32
RGB color chart
- C 54
- M 0
- Y 15
- K 63
CMYK color chart

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

The hexadecimal color #2c5f51 has RGB values of R:44, G:95, B:81 and CMYK values of C:0.54, M:0, Y:0.15, K:0.63. Its decimal value is 2907985.

Hex triplet	2c5f51	`#2c5f51`
RGB Decimal	44, 95, 81	`rgb(44,95,81)`
RGB Percent	17.3, 37.3, 31.8	`rgb(17.3%,37.3%,31.8%)`
CMYK	54, 0, 15, 63
HSL	163.5°, 36.7, 27.3	`hsl(163.5,36.7%,27.3%)`
HSV (or HSB)	163.5°, 53.7, 37.3
Web Safe	336666	`#336666`

CIE-LAB	36.581, -20.968, 2.79
XYZ	6.616, 9.314, 9.233
xyY	0.263, 0.37, 9.314
CIE-LCH	36.581, 21.152, 172.421
CIE-LUV	36.581, -21.767, 6.347
Hunter-Lab	30.518, -14.712, 3.425
Binary	00101100, 01011111, 01010001

#2c5f51
```
#2c5f51 rgb(44,95,81)
```
#5f2c3a
```
#5f2c3a rgb(95,44,58)
```

Complementary Color

#2c5f38
```
#2c5f38 rgb(44,95,56)
```
#2c5f51
```
#2c5f51 rgb(44,95,81)
```
#2c545f
```
#2c545f rgb(44,84,95)
```

Analogous Color

#5f382c
```
#5f382c rgb(95,56,44)
```
#2c5f51
```
#2c5f51 rgb(44,95,81)
```
#5f2c54
```
#5f2c54 rgb(95,44,84)
```

Split Complementary Color

#142b24
```
#142b24 rgb(20,43,36)
```
#1c3c33
```
#1c3c33 rgb(28,60,51)
```
#244e42
```
#244e42 rgb(36,78,66)
```
#2c5f51
```
#2c5f51 rgb(44,95,81)
```
#347060
```
#347060 rgb(52,112,96)
```
#3c826f
```
#3c826f rgb(60,130,111)
```
#44937e
```
#44937e rgb(68,147,126)
```

Monochromatic Color

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

#2c5f44
```
#2c5f44 rgb(44,95,68)
```
#2c5f49
```
#2c5f49 rgb(44,95,73)
```
#2c5f4d
```
#2c5f4d rgb(44,95,77)
```
#2c5f51
```
#2c5f51 rgb(44,95,81)
```
#2c5f55
```
#2c5f55 rgb(44,95,85)
```
#2c5f5a
```
#2c5f5a rgb(44,95,90)
```
#2c5f5e
```
#2c5f5e rgb(44,95,94)
```

Similar Colors

Text with hexadecimal color #2c5f51

This text has a font color of #2c5f51.

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

#2c5f51 background color

This paragraph has a background color of #2c5f51.

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

#2c5f51 border color

This element has a border color of #2c5f51.

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

CSS codes

.text {color:#2c5f51;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070f0c
```
#070f0c rgb(7,15,12)
```
#0d1c18
```
#0d1c18 rgb(13,28,24)
```
#132923
```
#132923 rgb(19,41,35)
```
#19372f
```
#19372f rgb(25,55,47)
```
#20443a
```
#20443a rgb(32,68,58)
```
#265246
```
#265246 rgb(38,82,70)
```
#2c5f51
```
#2c5f51 rgb(44,95,81)
```
#326c5c
```
#326c5c rgb(50,108,92)
```
#387a68
```
#387a68 rgb(56,122,104)
```
#3f8773
```
#3f8773 rgb(63,135,115)
```
#45957f
```
#45957f rgb(69,149,127)
```
#4ba28a
```
#4ba28a rgb(75,162,138)
```

Shade Color Variation

#52af95
```
#52af95 rgb(82,175,149)
```
#5fb59d
```
#5fb59d rgb(95,181,157)
```
#6dbba6
```
#6dbba6 rgb(109,187,166)
```
#7ac1ae
```
#7ac1ae rgb(122,193,174)
```
#88c8b6
```
#88c8b6 rgb(136,200,182)
```
#95cebe
```
#95cebe rgb(149,206,190)
```
#a2d4c6
```
#a2d4c6 rgb(162,212,198)
```
#b0dacf
```
#b0dacf rgb(176,218,207)
```
#bde0d7
```
#bde0d7 rgb(189,224,215)
```
#cbe7df
```
#cbe7df rgb(203,231,223)
```
#d8ede7
```
#d8ede7 rgb(216,237,231)
```
#e5f3ef
```
#e5f3ef rgb(229,243,239)
```
#f3f9f8
```
#f3f9f8 rgb(243,249,248)
```

Tint Color Variation

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

#414a47
```
#414a47 rgb(65,74,71)
```
#3c4f4a
```
#3c4f4a rgb(60,79,74)
```
#37544c
```
#37544c rgb(55,84,76)
```
#315a4f
```
#315a4f rgb(49,90,79)
```
#2c5f51
```
#2c5f51 rgb(44,95,81)
```
#276453
```
#276453 rgb(39,100,83)
```
#216a56
```
#216a56 rgb(33,106,86)
```
#1c6f58
```
#1c6f58 rgb(28,111,88)
```
#17745b
```
#17745b rgb(23,116,91)
```
#117a5d
```
#117a5d rgb(17,122,93)
```
#0c7f5f
```
#0c7f5f rgb(12,127,95)
```
#078462
```
#078462 rgb(7,132,98)
```
#018a64
```
#018a64 rgb(1,138,100)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#47514f Atypical Achromatopsia 0.001% of the population

Dichromacy

#625e55 Protanopia 1% of men
#675c5d Deuteranopia 1% of men
#3d646c Tritanopia 0.001% of the population

Trichromacy

#4e5e54 Protanomaly 1% of men, 0.01% of women
#525d59 Deuteranomaly 6% of men, 0.4% of women
#376262 Tritanomaly 0.01% of the population