#2c4f45 hex color

In a RGB color space, hex #2c4f45 is composed of 17.3% red, 31% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 0% magenta, 12.7% yellow and 69% black. It has a hue angle of 162.9 degrees, a saturation of 28.5% and a lightness of 24.1%. #2c4f45 color hex could be obtained by blending #589e8a with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 17
- G 31
- B 27
RGB color chart
- C 44
- M 0
- Y 13
- K 69
CMYK color chart

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

The hexadecimal color #2c4f45 has RGB values of R:44, G:79, B:69 and CMYK values of C:0.44, M:0, Y:0.13, K:0.69. Its decimal value is 2903877.

Hex triplet	2c4f45	`#2c4f45`
RGB Decimal	44, 79, 69	`rgb(44,79,69)`
RGB Percent	17.3, 31, 27.1	`rgb(17.3%,31%,27.1%)`
CMYK	44, 0, 13, 69
HSL	162.9°, 28.5, 24.1	`hsl(162.9,28.5%,24.1%)`
HSV (or HSB)	162.9°, 44.3, 31
Web Safe	336633	`#336633`

CIE-LAB	30.776, -15.423, 1.938
XYZ	4.909, 6.557, 6.637
xyY	0.271, 0.362, 6.557
CIE-LCH	30.776, 15.544, 172.837
CIE-LUV	30.776, -15.377, 4.306
Hunter-Lab	25.606, -10.594, 2.557
Binary	00101100, 01001111, 01000101

#2c4f45
```
#2c4f45 rgb(44,79,69)
```
#4f2c36
```
#4f2c36 rgb(79,44,54)
```

Complementary Color

#2c4f34
```
#2c4f34 rgb(44,79,52)
```
#2c4f45
```
#2c4f45 rgb(44,79,69)
```
#2c484f
```
#2c484f rgb(44,72,79)
```

Analogous Color

#4f342c
```
#4f342c rgb(79,52,44)
```
#2c4f45
```
#2c4f45 rgb(44,79,69)
```
#4f2c48
```
#4f2c48 rgb(79,44,72)
```

Split Complementary Color

#4f452c
```
#4f452c rgb(79,69,44)
```
#2c4f45
```
#2c4f45 rgb(44,79,69)
```
#452c4f
```
#452c4f rgb(69,44,79)
```

Triadic Color

#364f2c
```
#364f2c rgb(54,79,44)
```
#2c4f45
```
#2c4f45 rgb(44,79,69)
```
#452c4f
```
#452c4f rgb(69,44,79)
```
#4f2c36
```
#4f2c36 rgb(79,44,54)
```

Tetradic Color

#111e1a
```
#111e1a rgb(17,30,26)
```
#1a2e28
```
#1a2e28 rgb(26,46,40)
```
#233f37
```
#233f37 rgb(35,63,55)
```
#2c4f45
```
#2c4f45 rgb(44,79,69)
```
#355f53
```
#355f53 rgb(53,95,83)
```
#3e7062
```
#3e7062 rgb(62,112,98)
```
#478070
```
#478070 rgb(71,128,112)
```

Monochromatic Color

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

#2c4f3c
```
#2c4f3c rgb(44,79,60)
```
#2c4f3f
```
#2c4f3f rgb(44,79,63)
```
#2c4f42
```
#2c4f42 rgb(44,79,66)
```
#2c4f45
```
#2c4f45 rgb(44,79,69)
```
#2c4f48
```
#2c4f48 rgb(44,79,72)
```
#2c4f4b
```
#2c4f4b rgb(44,79,75)
```
#2c4f4e
```
#2c4f4e rgb(44,79,78)
```

Similar Colors

Text with hexadecimal color #2c4f45

This text has a font color of #2c4f45.

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

#2c4f45 background color

This paragraph has a background color of #2c4f45.

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

#2c4f45 border color

This element has a border color of #2c4f45.

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

CSS codes

.text {color:#2c4f45;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#09100e
```
#09100e rgb(9,16,14)
```
#101d19
```
#101d19 rgb(16,29,25)
```
#172924
```
#172924 rgb(23,41,36)
```
#1e362f
```
#1e362f rgb(30,54,47)
```
#25423a
```
#25423a rgb(37,66,58)
```
#2c4f45
```
#2c4f45 rgb(44,79,69)
```
#335c50
```
#335c50 rgb(51,92,80)
```
#3a685b
```
#3a685b rgb(58,104,91)
```
#417566
```
#417566 rgb(65,117,102)
```
#488171
```
#488171 rgb(72,129,113)
```
#4f8e7c
```
#4f8e7c rgb(79,142,124)
```
#569b87
```
#569b87 rgb(86,155,135)
```

Shade Color Variation

#5fa691
```
#5fa691 rgb(95,166,145)
```
#6bad9a
```
#6bad9a rgb(107,173,154)
```
#78b4a3
```
#78b4a3 rgb(120,180,163)
```
#84bbab
```
#84bbab rgb(132,187,171)
```
#91c2b4
```
#91c2b4 rgb(145,194,180)
```
#9ec9bc
```
#9ec9bc rgb(158,201,188)
```
#aad0c5
```
#aad0c5 rgb(170,208,197)
```
#b7d7ce
```
#b7d7ce rgb(183,215,206)
```
#c3ded6
```
#c3ded6 rgb(195,222,214)
```
#d0e5df
```
#d0e5df rgb(208,229,223)
```
#ddece7
```
#ddece7 rgb(221,236,231)
```
#e9f3f0
```
#e9f3f0 rgb(233,243,240)
```
#f6faf9
```
#f6faf9 rgb(246,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a413f is the less saturated color, while #017a57 is the most saturated one.

#3a413f
```
#3a413f rgb(58,65,63)
```
#354641
```
#354641 rgb(53,70,65)
```
#314a43
```
#314a43 rgb(49,74,67)
```
#2c4f45
```
#2c4f45 rgb(44,79,69)
```
#275447
```
#275447 rgb(39,84,71)
```
#235849
```
#235849 rgb(35,88,73)
```
#1e5d4b
```
#1e5d4b rgb(30,93,75)
```
#19624d
```
#19624d rgb(25,98,77)
```
#14674f
```
#14674f rgb(20,103,79)
```
#106b51
```
#106b51 rgb(16,107,81)
```
#0b7053
```
#0b7053 rgb(11,112,83)
```
#067555
```
#067555 rgb(6,117,85)
```
#017a57
```
#017a57 rgb(1,122,87)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e4543 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54514b Protanopia 1% of men
#594f51 Deuteranopia 1% of men
#3b565c Tritanopia 0.001% of the population

Trichromacy

#465049 Protanomaly 1% of men, 0.01% of women
#484f4d Deuteranomaly 6% of men, 0.4% of women
#355353 Tritanomaly 0.01% of the population

#2c4f45 hex color

#2c4f45 Color Information

#2c4f45 Color Conversion

Color Schemes with #2c4f45

Alternatives to #2c4f45

#2c4f45 Preview

Shades and Tints of #2c4f45

Tones of #2c4f45

Color Blindness Simulator