#2a5a36 hex color

In a RGB color space, hex #2a5a36 is composed of 16.5% red, 35.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 0% magenta, 40% yellow and 64.7% black. It has a hue angle of 135 degrees, a saturation of 36.4% and a lightness of 25.9%. #2a5a36 color hex could be obtained by blending #54b46c with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 35
- B 21
RGB color chart
- C 53
- M 0
- Y 40
- K 65
CMYK color chart

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

The hexadecimal color #2a5a36 has RGB values of R:42, G:90, B:54 and CMYK values of C:0.53, M:0, Y:0.4, K:0.65. Its decimal value is 2775606.

Hex triplet	2a5a36	`#2a5a36`
RGB Decimal	42, 90, 54	`rgb(42,90,54)`
RGB Percent	16.5, 35.3, 21.2	`rgb(16.5%,35.3%,21.2%)`
CMYK	53, 0, 40, 65
HSL	135°, 36.4, 25.9	`hsl(135,36.4%,25.9%)`
HSV (or HSB)	135°, 53.3, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.129, -25.335, 15.928
XYZ	5.277, 8.071, 4.77
xyY	0.291, 0.445, 8.071
CIE-LCH	34.129, 29.926, 147.843
CIE-LUV	34.129, -21.195, 21.346
Hunter-Lab	28.409, -16.561, 9.932
Binary	00101010, 01011010, 00110110

#2a5a36
```
#2a5a36 rgb(42,90,54)
```
#5a2a4e
```
#5a2a4e rgb(90,42,78)
```

Complementary Color

#365a2a
```
#365a2a rgb(54,90,42)
```
#2a5a36
```
#2a5a36 rgb(42,90,54)
```
#2a5a4e
```
#2a5a4e rgb(42,90,78)
```

Analogous Color

#5a2a36
```
#5a2a36 rgb(90,42,54)
```
#2a5a36
```
#2a5a36 rgb(42,90,54)
```
#4e2a5a
```
#4e2a5a rgb(78,42,90)
```

Split Complementary Color

#5a362a
```
#5a362a rgb(90,54,42)
```
#2a5a36
```
#2a5a36 rgb(42,90,54)
```
#362a5a
```
#362a5a rgb(54,42,90)
```

Triadic Color

#4e5a2a
```
#4e5a2a rgb(78,90,42)
```
#2a5a36
```
#2a5a36 rgb(42,90,54)
```
#362a5a
```
#362a5a rgb(54,42,90)
```
#5a2a4e
```
#5a2a4e rgb(90,42,78)
```

Tetradic Color

#122617
```
#122617 rgb(18,38,23)
```
#1a3721
```
#1a3721 rgb(26,55,33)
```
#22492c
```
#22492c rgb(34,73,44)
```
#2a5a36
```
#2a5a36 rgb(42,90,54)
```
#326b40
```
#326b40 rgb(50,107,64)
```
#3a7d4b
```
#3a7d4b rgb(58,125,75)
```
#428e55
```
#428e55 rgb(66,142,85)
```

Monochromatic Color

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

#2a5a2a
```
#2a5a2a rgb(42,90,42)
```
#2a5a2e
```
#2a5a2e rgb(42,90,46)
```
#2a5a32
```
#2a5a32 rgb(42,90,50)
```
#2a5a36
```
#2a5a36 rgb(42,90,54)
```
#2a5a3a
```
#2a5a3a rgb(42,90,58)
```
#2a5a3e
```
#2a5a3e rgb(42,90,62)
```
#2a5a42
```
#2a5a42 rgb(42,90,66)
```

Similar Colors

Text with hexadecimal color #2a5a36

This text has a font color of #2a5a36.

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

#2a5a36 background color

This paragraph has a background color of #2a5a36.

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

#2a5a36 border color

This element has a border color of #2a5a36.

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

CSS codes

.text {color:#2a5a36;}

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

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

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, #050a06 is the darkest color, while #fbfdfc is the lightest one.

#050a06
```
#050a06 rgb(5,10,6)
```
#0b170e
```
#0b170e rgb(11,23,14)
```
#112516
```
#112516 rgb(17,37,22)
```
#17321e
```
#17321e rgb(23,50,30)
```
#1e3f26
```
#1e3f26 rgb(30,63,38)
```
#244d2e
```
#244d2e rgb(36,77,46)
```
#2a5a36
```
#2a5a36 rgb(42,90,54)
```
#30673e
```
#30673e rgb(48,103,62)
```
#367546
```
#367546 rgb(54,117,70)
```
#3d824e
```
#3d824e rgb(61,130,78)
```
#438f56
```
#438f56 rgb(67,143,86)
```
#499d5e
```
#499d5e rgb(73,157,94)
```
#4faa66
```
#4faa66 rgb(79,170,102)
```

Shade Color Variation

#5bb271
```
#5bb271 rgb(91,178,113)
```
#68b97c
```
#68b97c rgb(104,185,124)
```
#76bf88
```
#76bf88 rgb(118,191,136)
```
#83c594
```
#83c594 rgb(131,197,148)
```
#90cb9f
```
#90cb9f rgb(144,203,159)
```
#9ed2ab
```
#9ed2ab rgb(158,210,171)
```
#abd8b6
```
#abd8b6 rgb(171,216,182)
```
#b9dec2
```
#b9dec2 rgb(185,222,194)
```
#c6e4ce
```
#c6e4ce rgb(198,228,206)
```
#d3ebd9
```
#d3ebd9 rgb(211,235,217)
```
#e1f1e5
```
#e1f1e5 rgb(225,241,229)
```
#eef7f0
```
#eef7f0 rgb(238,247,240)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#3e4640
```
#3e4640 rgb(62,70,64)
```
#394b3e
```
#394b3e rgb(57,75,62)
```
#34503b
```
#34503b rgb(52,80,59)
```
#2f5539
```
#2f5539 rgb(47,85,57)
```
#2a5a36
```
#2a5a36 rgb(42,90,54)
```
#255f33
```
#255f33 rgb(37,95,51)
```
#206431
```
#206431 rgb(32,100,49)
```
#1b692e
```
#1b692e rgb(27,105,46)
```
#166e2c
```
#166e2c rgb(22,110,44)
```
#117329
```
#117329 rgb(17,115,41)
```
#0c7827
```
#0c7827 rgb(12,120,39)
```
#067e24
```
#067e24 rgb(6,126,36)
```
#018322
```
#018322 rgb(1,131,34)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#424c44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60593c Protanopia 1% of men
#685544 Deuteranopia 1% of men
#3f5e64 Tritanopia 0.001% of the population

Trichromacy

#4c593a Protanomaly 1% of men, 0.01% of women
#51573f Deuteranomaly 6% of men, 0.4% of women
#375c53 Tritanomaly 0.01% of the population

#2a5a36 hex color

#2a5a36 Color Information

#2a5a36 Color Conversion

Color Schemes with #2a5a36

Alternatives to #2a5a36

#2a5a36 Preview

Shades and Tints of #2a5a36

Tones of #2a5a36

Color Blindness Simulator