#2d5542 hex color

In a RGB color space, hex #2d5542 is composed of 17.6% red, 33.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 0% magenta, 22.4% yellow and 66.7% black. It has a hue angle of 151.5 degrees, a saturation of 30.8% and a lightness of 25.5%. #2d5542 color hex could be obtained by blending #5aaa84 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 33
- B 26
RGB color chart
- C 47
- M 0
- Y 22
- K 67
CMYK color chart

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

The hexadecimal color #2d5542 has RGB values of R:45, G:85, B:66 and CMYK values of C:0.47, M:0, Y:0.22, K:0.67. Its decimal value is 2970946.

Hex triplet	2d5542	`#2d5542`
RGB Decimal	45, 85, 66	`rgb(45,85,66)`
RGB Percent	17.6, 33.3, 25.9	`rgb(17.6%,33.3%,25.9%)`
CMYK	47, 0, 22, 67
HSL	151.5°, 30.8, 25.5	`hsl(151.5,30.8%,25.5%)`
HSV (or HSB)	151.5°, 47.1, 33.3
Web Safe	336633	`#336633`

CIE-LAB	32.806, -19.183, 6.745
XYZ	5.314, 7.448, 6.312
xyY	0.279, 0.39, 7.448
CIE-LCH	32.806, 20.334, 160.627
CIE-LUV	32.806, -17.705, 10.517
Hunter-Lab	27.291, -13.004, 5.392
Binary	00101101, 01010101, 01000010

#2d5542
```
#2d5542 rgb(45,85,66)
```
#552d40
```
#552d40 rgb(85,45,64)
```

Complementary Color

#2d552e
```
#2d552e rgb(45,85,46)
```
#2d5542
```
#2d5542 rgb(45,85,66)
```
#2d5455
```
#2d5455 rgb(45,84,85)
```

Analogous Color

#552e2d
```
#552e2d rgb(85,46,45)
```
#2d5542
```
#2d5542 rgb(45,85,66)
```
#552d54
```
#552d54 rgb(85,45,84)
```

Split Complementary Color

#55422d
```
#55422d rgb(85,66,45)
```
#2d5542
```
#2d5542 rgb(45,85,66)
```
#422d55
```
#422d55 rgb(66,45,85)
```

Triadic Color

#40552d
```
#40552d rgb(64,85,45)
```
#2d5542
```
#2d5542 rgb(45,85,66)
```
#422d55
```
#422d55 rgb(66,45,85)
```
#552d40
```
#552d40 rgb(85,45,64)
```

Tetradic Color

#13231b
```
#13231b rgb(19,35,27)
```
#1b3428
```
#1b3428 rgb(27,52,40)
```
#244435
```
#244435 rgb(36,68,53)
```
#2d5542
```
#2d5542 rgb(45,85,66)
```
#36664f
```
#36664f rgb(54,102,79)
```
#3f765c
```
#3f765c rgb(63,118,92)
```
#478769
```
#478769 rgb(71,135,105)
```

Monochromatic Color

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

#2d5538
```
#2d5538 rgb(45,85,56)
```
#2d553b
```
#2d553b rgb(45,85,59)
```
#2d553f
```
#2d553f rgb(45,85,63)
```
#2d5542
```
#2d5542 rgb(45,85,66)
```
#2d5545
```
#2d5545 rgb(45,85,69)
```
#2d5549
```
#2d5549 rgb(45,85,73)
```
#2d554c
```
#2d554c rgb(45,85,76)
```

Similar Colors

Text with hexadecimal color #2d5542

This text has a font color of #2d5542.

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

#2d5542 background color

This paragraph has a background color of #2d5542.

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

#2d5542 border color

This element has a border color of #2d5542.

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

CSS codes

.text {color:#2d5542;}

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

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

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

#040806
```
#040806 rgb(4,8,6)
```
#0b1510
```
#0b1510 rgb(11,21,16)
```
#12221a
```
#12221a rgb(18,34,26)
```
#192f24
```
#192f24 rgb(25,47,36)
```
#1f3b2e
```
#1f3b2e rgb(31,59,46)
```
#264838
```
#264838 rgb(38,72,56)
```
#2d5542
```
#2d5542 rgb(45,85,66)
```
#34624c
```
#34624c rgb(52,98,76)
```
#3b6f56
```
#3b6f56 rgb(59,111,86)
```
#417b60
```
#417b60 rgb(65,123,96)
```
#48886a
```
#48886a rgb(72,136,106)
```
#4f9574
```
#4f9574 rgb(79,149,116)
```
#56a27e
```
#56a27e rgb(86,162,126)
```

Shade Color Variation

#60ab88
```
#60ab88 rgb(96,171,136)
```
#6db291
```
#6db291 rgb(109,178,145)
```
#7ab99b
```
#7ab99b rgb(122,185,155)
```
#87bfa4
```
#87bfa4 rgb(135,191,164)
```
#94c6ae
```
#94c6ae rgb(148,198,174)
```
#a0cdb8
```
#a0cdb8 rgb(160,205,184)
```
#add4c1
```
#add4c1 rgb(173,212,193)
```
#badbcb
```
#badbcb rgb(186,219,203)
```
#c7e1d5
```
#c7e1d5 rgb(199,225,213)
```
#d4e8de
```
#d4e8de rgb(212,232,222)
```
#e1efe8
```
#e1efe8 rgb(225,239,232)
```
#edf6f2
```
#edf6f2 rgb(237,246,242)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#3c4641
```
#3c4641 rgb(60,70,65)
```
#374b42
```
#374b42 rgb(55,75,66)
```
#325042
```
#325042 rgb(50,80,66)
```
#2d5542
```
#2d5542 rgb(45,85,66)
```
#285a42
```
#285a42 rgb(40,90,66)
```
#235f43
```
#235f43 rgb(35,95,67)
```
#1e6443
```
#1e6443 rgb(30,100,67)
```
#196943
```
#196943 rgb(25,105,67)
```
#146e43
```
#146e43 rgb(20,110,67)
```
#0f7343
```
#0f7343 rgb(15,115,67)
```
#0a7844
```
#0a7844 rgb(10,120,68)
```
#057d44
```
#057d44 rgb(5,125,68)
```
#008244
```
#008244 rgb(0,130,68)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424a46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5648 Protanopia 1% of men
#61534f Deuteranopia 1% of men
#3e5a61 Tritanopia 0.001% of the population

Trichromacy

#4a5546 Protanomaly 1% of men, 0.01% of women
#4e544a Deuteranomaly 6% of men, 0.4% of women
#385856 Tritanomaly 0.01% of the population

#2d5542 hex color

#2d5542 Color Information

#2d5542 Color Conversion

Color Schemes with #2d5542

Alternatives to #2d5542

#2d5542 Preview

Shades and Tints of #2d5542

Tones of #2d5542

Color Blindness Simulator