#2d5a42 hex color

In a RGB color space, hex #2d5a42 is composed of 17.6% red, 35.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 26.7% yellow and 64.7% black. It has a hue angle of 148 degrees, a saturation of 33.3% and a lightness of 26.5%. #2d5a42 color hex could be obtained by blending #5ab484 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 35
- B 26
RGB color chart
- C 50
- M 0
- Y 27
- K 65
CMYK color chart

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

The hexadecimal color #2d5a42 has RGB values of R:45, G:90, B:66 and CMYK values of C:0.5, M:0, Y:0.27, K:0.65. Its decimal value is 2972226.

Hex triplet	2d5a42	`#2d5a42`
RGB Decimal	45, 90, 66	`rgb(45,90,66)`
RGB Percent	17.6, 35.3, 25.9	`rgb(17.6%,35.3%,25.9%)`
CMYK	50, 0, 27, 65
HSL	148°, 33.3, 26.5	`hsl(148,33.3%,26.5%)`
HSV (or HSB)	148°, 50, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.525, -21.825, 9.158
XYZ	5.721, 8.263, 6.447
xyY	0.28, 0.404, 8.263
CIE-LCH	34.525, 23.669, 157.236
CIE-LUV	34.525, -19.864, 13.799
Hunter-Lab	28.746, -14.778, 6.824
Binary	00101101, 01011010, 01000010

#2d5a42
```
#2d5a42 rgb(45,90,66)
```
#5a2d45
```
#5a2d45 rgb(90,45,69)
```

Complementary Color

#2f5a2d
```
#2f5a2d rgb(47,90,45)
```
#2d5a42
```
#2d5a42 rgb(45,90,66)
```
#2d5a59
```
#2d5a59 rgb(45,90,89)
```

Analogous Color

#5a2d2f
```
#5a2d2f rgb(90,45,47)
```
#2d5a42
```
#2d5a42 rgb(45,90,66)
```
#592d5a
```
#592d5a rgb(89,45,90)
```

Split Complementary Color

#5a422d
```
#5a422d rgb(90,66,45)
```
#2d5a42
```
#2d5a42 rgb(45,90,66)
```
#422d5a
```
#422d5a rgb(66,45,90)
```

Triadic Color

#455a2d
```
#455a2d rgb(69,90,45)
```
#2d5a42
```
#2d5a42 rgb(45,90,66)
```
#422d5a
```
#422d5a rgb(66,45,90)
```
#5a2d45
```
#5a2d45 rgb(90,45,69)
```

Tetradic Color

#14271d
```
#14271d rgb(20,39,29)
```
#1c3829
```
#1c3829 rgb(28,56,41)
```
#254936
```
#254936 rgb(37,73,54)
```
#2d5a42
```
#2d5a42 rgb(45,90,66)
```
#366b4e
```
#366b4e rgb(54,107,78)
```
#3e7c5b
```
#3e7c5b rgb(62,124,91)
```
#478d67
```
#478d67 rgb(71,141,103)
```

Monochromatic Color

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

#2d5a37
```
#2d5a37 rgb(45,90,55)
```
#2d5a3b
```
#2d5a3b rgb(45,90,59)
```
#2d5a3e
```
#2d5a3e rgb(45,90,62)
```
#2d5a42
```
#2d5a42 rgb(45,90,66)
```
#2d5a46
```
#2d5a46 rgb(45,90,70)
```
#2d5a4a
```
#2d5a4a rgb(45,90,74)
```
#2d5a4d
```
#2d5a4d rgb(45,90,77)
```

Similar Colors

Text with hexadecimal color #2d5a42

This text has a font color of #2d5a42.

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

#2d5a42 background color

This paragraph has a background color of #2d5a42.

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

#2d5a42 border color

This element has a border color of #2d5a42.

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

CSS codes

.text {color:#2d5a42;}

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

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

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, #060c08 is the darkest color, while #fdfefe is the lightest one.

#060c08
```
#060c08 rgb(6,12,8)
```
#0c1912
```
#0c1912 rgb(12,25,18)
```
#13261c
```
#13261c rgb(19,38,28)
```
#193325
```
#193325 rgb(25,51,37)
```
#20402f
```
#20402f rgb(32,64,47)
```
#264d38
```
#264d38 rgb(38,77,56)
```
#2d5a42
```
#2d5a42 rgb(45,90,66)
```
#34674c
```
#34674c rgb(52,103,76)
```
#3a7455
```
#3a7455 rgb(58,116,85)
```
#41815f
```
#41815f rgb(65,129,95)
```
#478e68
```
#478e68 rgb(71,142,104)
```
#4e9b72
```
#4e9b72 rgb(78,155,114)
```
#54a87c
```
#54a87c rgb(84,168,124)
```

Shade Color Variation

#61b086
```
#61b086 rgb(97,176,134)
```
#6eb690
```
#6eb690 rgb(110,182,144)
```
#7bbd9a
```
#7bbd9a rgb(123,189,154)
```
#88c3a4
```
#88c3a4 rgb(136,195,164)
```
#95caae
```
#95caae rgb(149,202,174)
```
#a2d0b8
```
#a2d0b8 rgb(162,208,184)
```
#afd7c2
```
#afd7c2 rgb(175,215,194)
```
#bcdecc
```
#bcdecc rgb(188,222,204)
```
#c9e4d6
```
#c9e4d6 rgb(201,228,214)
```
#d6ebe0
```
#d6ebe0 rgb(214,235,224)
```
#e3f1ea
```
#e3f1ea rgb(227,241,234)
```
#f0f8f4
```
#f0f8f4 rgb(240,248,244)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#424543
```
#424543 rgb(66,69,67)
```
#3d4a43
```
#3d4a43 rgb(61,74,67)
```
#375043
```
#375043 rgb(55,80,67)
```
#325542
```
#325542 rgb(50,85,66)
```
#2d5a42
```
#2d5a42 rgb(45,90,66)
```
#285f42
```
#285f42 rgb(40,95,66)
```
#236441
```
#236441 rgb(35,100,65)
```
#1d6a41
```
#1d6a41 rgb(29,106,65)
```
#186f41
```
#186f41 rgb(24,111,65)
```
#137440
```
#137440 rgb(19,116,64)
```
#0e7940
```
#0e7940 rgb(14,121,64)
```
#097e40
```
#097e40 rgb(9,126,64)
```
#03843f
```
#03843f rgb(3,132,63)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444d48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5a48 Protanopia 1% of men
#66574f Deuteranopia 1% of men
#3f5f65 Tritanopia 0.001% of the population

Trichromacy

#4d5a45 Protanomaly 1% of men, 0.01% of women
#51584a Deuteranomaly 6% of men, 0.4% of women
#395d58 Tritanomaly 0.01% of the population

#2d5a42 hex color

#2d5a42 Color Information

#2d5a42 Color Conversion

Color Schemes with #2d5a42

Alternatives to #2d5a42

#2d5a42 Preview

Shades and Tints of #2d5a42

Tones of #2d5a42

Color Blindness Simulator