#2d5a48 hex color

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

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

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

The hexadecimal color #2d5a48 has RGB values of R:45, G:90, B:72 and CMYK values of C:0.5, M:0, Y:0.2, K:0.65. Its decimal value is 2972232.

Hex triplet	2d5a48	`#2d5a48`
RGB Decimal	45, 90, 72	`rgb(45,90,72)`
RGB Percent	17.6, 35.3, 28.2	`rgb(17.6%,35.3%,28.2%)`
CMYK	50, 0, 20, 65
HSL	156°, 33.3, 26.5	`hsl(156,33.3%,26.5%)`
HSV (or HSB)	156°, 50, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.677, -20.374, 5.65
XYZ	5.908, 8.338, 7.429
xyY	0.273, 0.385, 8.338
CIE-LCH	34.677, 21.143, 164.5
CIE-LUV	34.677, -19.678, 9.597
Hunter-Lab	28.875, -14.011, 4.959
Binary	00101101, 01011010, 01001000

#2d5a48
```
#2d5a48 rgb(45,90,72)
```
#5a2d3f
```
#5a2d3f rgb(90,45,63)
```

Complementary Color

#2d5a32
```
#2d5a32 rgb(45,90,50)
```
#2d5a48
```
#2d5a48 rgb(45,90,72)
```
#2d565a
```
#2d565a rgb(45,86,90)
```

Analogous Color

#5a322d
```
#5a322d rgb(90,50,45)
```
#2d5a48
```
#2d5a48 rgb(45,90,72)
```
#5a2d56
```
#5a2d56 rgb(90,45,86)
```

Split Complementary Color

#5a482d
```
#5a482d rgb(90,72,45)
```
#2d5a48
```
#2d5a48 rgb(45,90,72)
```
#482d5a
```
#482d5a rgb(72,45,90)
```

Triadic Color

#3f5a2d
```
#3f5a2d rgb(63,90,45)
```
#2d5a48
```
#2d5a48 rgb(45,90,72)
```
#482d5a
```
#482d5a rgb(72,45,90)
```
#5a2d3f
```
#5a2d3f rgb(90,45,63)
```

Tetradic Color

#14271f
```
#14271f rgb(20,39,31)
```
#1c382d
```
#1c382d rgb(28,56,45)
```
#25493a
```
#25493a rgb(37,73,58)
```
#2d5a48
```
#2d5a48 rgb(45,90,72)
```
#366b56
```
#366b56 rgb(54,107,86)
```
#3e7c63
```
#3e7c63 rgb(62,124,99)
```
#478d71
```
#478d71 rgb(71,141,113)
```

Monochromatic Color

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

#2d5a3d
```
#2d5a3d rgb(45,90,61)
```
#2d5a41
```
#2d5a41 rgb(45,90,65)
```
#2d5a44
```
#2d5a44 rgb(45,90,68)
```
#2d5a48
```
#2d5a48 rgb(45,90,72)
```
#2d5a4c
```
#2d5a4c rgb(45,90,76)
```
#2d5a50
```
#2d5a50 rgb(45,90,80)
```
#2d5a53
```
#2d5a53 rgb(45,90,83)
```

Similar Colors

Text with hexadecimal color #2d5a48

This text has a font color of #2d5a48.

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

#2d5a48 background color

This paragraph has a background color of #2d5a48.

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

#2d5a48 border color

This element has a border color of #2d5a48.

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

CSS codes

.text {color:#2d5a48;}

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

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

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

#060c09
```
#060c09 rgb(6,12,9)
```
#0c1914
```
#0c1914 rgb(12,25,20)
```
#13261e
```
#13261e rgb(19,38,30)
```
#193329
```
#193329 rgb(25,51,41)
```
#204033
```
#204033 rgb(32,64,51)
```
#264d3e
```
#264d3e rgb(38,77,62)
```
#2d5a48
```
#2d5a48 rgb(45,90,72)
```
#346752
```
#346752 rgb(52,103,82)
```
#3a745d
```
#3a745d rgb(58,116,93)
```
#418167
```
#418167 rgb(65,129,103)
```
#478e72
```
#478e72 rgb(71,142,114)
```
#4e9b7c
```
#4e9b7c rgb(78,155,124)
```
#54a887
```
#54a887 rgb(84,168,135)
```

Shade Color Variation

#61b090
```
#61b090 rgb(97,176,144)
```
#6eb699
```
#6eb699 rgb(110,182,153)
```
#7bbda2
```
#7bbda2 rgb(123,189,162)
```
#88c3ac
```
#88c3ac rgb(136,195,172)
```
#95cab5
```
#95cab5 rgb(149,202,181)
```
#a2d0be
```
#a2d0be rgb(162,208,190)
```
#afd7c7
```
#afd7c7 rgb(175,215,199)
```
#bcded0
```
#bcded0 rgb(188,222,208)
```
#c9e4d9
```
#c9e4d9 rgb(201,228,217)
```
#d6ebe2
```
#d6ebe2 rgb(214,235,226)
```
#e3f1ec
```
#e3f1ec rgb(227,241,236)
```
#f0f8f5
```
#f0f8f5 rgb(240,248,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#424544
```
#424544 rgb(66,69,68)
```
#3d4a45
```
#3d4a45 rgb(61,74,69)
```
#375046
```
#375046 rgb(55,80,70)
```
#325547
```
#325547 rgb(50,85,71)
```
#2d5a48
```
#2d5a48 rgb(45,90,72)
```
#285f49
```
#285f49 rgb(40,95,73)
```
#23644a
```
#23644a rgb(35,100,74)
```
#1d6a4b
```
#1d6a4b rgb(29,106,75)
```
#186f4c
```
#186f4c rgb(24,111,76)
```
#13744d
```
#13744d rgb(19,116,77)
```
#0e794e
```
#0e794e rgb(14,121,78)
```
#097e4f
```
#097e4f rgb(9,126,79)
```
#038450
```
#038450 rgb(3,132,80)
```

Tone Color Variation

Below, you can see how #2d5a48 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
#444d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5a4d Protanopia 1% of men
#645755 Deuteranopia 1% of men
#3e5f66 Tritanopia 0.001% of the population

Trichromacy

#4c5a4b Protanomaly 1% of men, 0.01% of women
#505850 Deuteranomaly 6% of men, 0.4% of women
#385d5b Tritanomaly 0.01% of the population

#2d5a48 hex color

#2d5a48 Color Information

#2d5a48 Color Conversion

Color Schemes with #2d5a48

Alternatives to #2d5a48

#2d5a48 Preview

Shades and Tints of #2d5a48

Tones of #2d5a48

Color Blindness Simulator