colorhexa.com

#2d5f30 hex color

In a RGB color space, hex #2d5f30 is composed of 17.6% red, 37.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 0% magenta, 49.5% yellow and 62.7% black. It has a hue angle of 123.6 degrees, a saturation of 35.7% and a lightness of 27.5%. #2d5f30 color hex could be obtained by blending #5abe60 with #000000. Closest websafe color is: #336633.

- R 18
- G 37
- B 19
RGB color chart
- C 53
- M 0
- Y 49
- K 63
CMYK color chart

● #2d5f30 color description : Very dark desaturated lime green.

The hexadecimal color #2d5f30 has RGB values of R:45, G:95, B:48 and CMYK values of C:0.53, M:0, Y:0.49, K:0.63. Its decimal value is 2973488.

Hex triplet	2d5f30	`#2d5f30`
RGB Decimal	45, 95, 48	`rgb(45,95,48)`
RGB Percent	17.6, 37.3, 18.8	`rgb(17.6%,37.3%,18.8%)`
CMYK	53, 0, 49, 63
HSL	123.6°, 35.7, 27.5	`hsl(123.6,35.7%,27.5%)`
HSV (or HSB)	123.6°, 52.6, 37.3
Web Safe	336633	`#336633`

CIE-LAB	35.898, -27.901, 21.775
XYZ	5.708, 8.955, 4.224
xyY	0.302, 0.474, 8.955
CIE-LCH	35.898, 35.392, 142.029
CIE-LUV	35.898, -22.558, 27.744
Hunter-Lab	29.925, -18.325, 12.579
Binary	00101101, 01011111, 00110000

#2d5f30
```
#2d5f30 rgb(45,95,48)
```
#5f2d5c
```
#5f2d5c rgb(95,45,92)
```

Complementary Color

#435f2d
```
#435f2d rgb(67,95,45)
```
#2d5f30
```
#2d5f30 rgb(45,95,48)
```
#2d5f49
```
#2d5f49 rgb(45,95,73)
```

Analogous Color

#5f2d43
```
#5f2d43 rgb(95,45,67)
```
#2d5f30
```
#2d5f30 rgb(45,95,48)
```
#492d5f
```
#492d5f rgb(73,45,95)
```

Split Complementary Color

#142b16
```
#142b16 rgb(20,43,22)
```
#1d3c1f
```
#1d3c1f rgb(29,60,31)
```
#254e27
```
#254e27 rgb(37,78,39)
```
#2d5f30
```
#2d5f30 rgb(45,95,48)
```
#357039
```
#357039 rgb(53,112,57)
```
#3d8241
```
#3d8241 rgb(61,130,65)
```
#46934a
```
#46934a rgb(70,147,74)
```

Monochromatic Color

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

#375f2d
```
#375f2d rgb(55,95,45)
```
#325f2d
```
#325f2d rgb(50,95,45)
```
#2e5f2d
```
#2e5f2d rgb(46,95,45)
```
#2d5f30
```
#2d5f30 rgb(45,95,48)
```
#2d5f34
```
#2d5f34 rgb(45,95,52)
```
#2d5f38
```
#2d5f38 rgb(45,95,56)
```
#2d5f3d
```
#2d5f3d rgb(45,95,61)
```

Similar Colors

Text with hexadecimal color #2d5f30

This text has a font color of #2d5f30.

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

#2d5f30 background color

This paragraph has a background color of #2d5f30.

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

#2d5f30 border color

This element has a border color of #2d5f30.

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

CSS codes

.text {color:#2d5f30;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#070f08
```
#070f08 rgb(7,15,8)
```
#0d1c0e
```
#0d1c0e rgb(13,28,14)
```
#142a15
```
#142a15 rgb(20,42,21)
```
#1a371c
```
#1a371c rgb(26,55,28)
```
#204423
```
#204423 rgb(32,68,35)
```
#275229
```
#275229 rgb(39,82,41)
```
#2d5f30
```
#2d5f30 rgb(45,95,48)
```
#336c37
```
#336c37 rgb(51,108,55)
```
#3a7a3d
```
#3a7a3d rgb(58,122,61)
```
#408744
```
#408744 rgb(64,135,68)
```
#46944b
```
#46944b rgb(70,148,75)
```
#4da252
```
#4da252 rgb(77,162,82)
```

Shade Color Variation

#54ae59
```
#54ae59 rgb(84,174,89)
```
#61b466
```
#61b466 rgb(97,180,102)
```
#6ebb73
```
#6ebb73 rgb(110,187,115)
```
#7cc180
```
#7cc180 rgb(124,193,128)
```
#89c78d
```
#89c78d rgb(137,199,141)
```
#96cd9a
```
#96cd9a rgb(150,205,154)
```
#a4d4a7
```
#a4d4a7 rgb(164,212,167)
```
#b1dab3
```
#b1dab3 rgb(177,218,179)
```
#bee0c0
```
#bee0c0 rgb(190,224,192)
```
#cce7cd
```
#cce7cd rgb(204,231,205)
```
#d9edda
```
#d9edda rgb(217,237,218)
```
#e6f3e7
```
#e6f3e7 rgb(230,243,231)
```
#f4faf4
```
#f4faf4 rgb(244,250,244)
```

Tint Color Variation

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

#434943
```
#434943 rgb(67,73,67)
```
#3d4f3e
```
#3d4f3e rgb(61,79,62)
```
#385439
```
#385439 rgb(56,84,57)
```
#325a35
```
#325a35 rgb(50,90,53)
```
#2d5f30
```
#2d5f30 rgb(45,95,48)
```
#28642b
```
#28642b rgb(40,100,43)
```
#226a27
```
#226a27 rgb(34,106,39)
```
#1d6f22
```
#1d6f22 rgb(29,111,34)
```
#17751d
```
#17751d rgb(23,117,29)
```
#127a18
```
#127a18 rgb(18,122,24)
```
#0d7f14
```
#0d7f14 rgb(13,127,20)
```
#07850f
```
#07850f rgb(7,133,15)
```
#028a0a
```
#028a0a rgb(2,138,10)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454f46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#665d37 Protanopia 1% of men
#6f593f Deuteranopia 1% of men
#446169 Tritanopia 0.001% of the population

Trichromacy

#515d34 Protanomaly 1% of men, 0.01% of women
#575b39 Deuteranomaly 6% of men, 0.4% of women
#3b6054 Tritanomaly 0.01% of the population