#2a5f42 hex color

In a RGB color space, hex #2a5f42 is composed of 16.5% red, 37.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 0% magenta, 30.5% yellow and 62.7% black. It has a hue angle of 147.2 degrees, a saturation of 38.7% and a lightness of 26.9%. #2a5f42 color hex could be obtained by blending #54be84 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 37
- B 26
RGB color chart
- C 56
- M 0
- Y 31
- K 63
CMYK color chart

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

The hexadecimal color #2a5f42 has RGB values of R:42, G:95, B:66 and CMYK values of C:0.56, M:0, Y:0.31, K:0.63. Its decimal value is 2776898.

Hex triplet	2a5f42	`#2a5f42`
RGB Decimal	42, 95, 66	`rgb(42,95,66)`
RGB Percent	16.5, 37.3, 25.9	`rgb(16.5%,37.3%,25.9%)`
CMYK	56, 0, 31, 63
HSL	147.2°, 38.7, 26.9	`hsl(147.2,38.7%,26.9%)`
HSV (or HSB)	147.2°, 55.8, 37.3
Web Safe	336633	`#336633`

CIE-LAB	36.118, -25.228, 11.347
XYZ	6.03, 9.07, 6.587
xyY	0.278, 0.418, 9.07
CIE-LCH	36.118, 27.663, 155.784
CIE-LUV	36.118, -22.912, 16.925
Hunter-Lab	30.116, -16.962, 8.113
Binary	00101010, 01011111, 01000010

#2a5f42
```
#2a5f42 rgb(42,95,66)
```
#5f2a47
```
#5f2a47 rgb(95,42,71)
```

Complementary Color

#2d5f2a
```
#2d5f2a rgb(45,95,42)
```
#2a5f42
```
#2a5f42 rgb(42,95,66)
```
#2a5f5d
```
#2a5f5d rgb(42,95,93)
```

Analogous Color

#5f2a2d
```
#5f2a2d rgb(95,42,45)
```
#2a5f42
```
#2a5f42 rgb(42,95,66)
```
#5d2a5f
```
#5d2a5f rgb(93,42,95)
```

Split Complementary Color

#5f422a
```
#5f422a rgb(95,66,42)
```
#2a5f42
```
#2a5f42 rgb(42,95,66)
```
#422a5f
```
#422a5f rgb(66,42,95)
```

Triadic Color

#475f2a
```
#475f2a rgb(71,95,42)
```
#2a5f42
```
#2a5f42 rgb(42,95,66)
```
#422a5f
```
#422a5f rgb(66,42,95)
```
#5f2a47
```
#5f2a47 rgb(95,42,71)
```

Tetradic Color

#132a1d
```
#132a1d rgb(19,42,29)
```
#1a3c29
```
#1a3c29 rgb(26,60,41)
```
#224d36
```
#224d36 rgb(34,77,54)
```
#2a5f42
```
#2a5f42 rgb(42,95,66)
```
#32714e
```
#32714e rgb(50,113,78)
```
#3a825b
```
#3a825b rgb(58,130,91)
```
#419467
```
#419467 rgb(65,148,103)
```

Monochromatic Color

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

#2a5f35
```
#2a5f35 rgb(42,95,53)
```
#2a5f39
```
#2a5f39 rgb(42,95,57)
```
#2a5f3e
```
#2a5f3e rgb(42,95,62)
```
#2a5f42
```
#2a5f42 rgb(42,95,66)
```
#2a5f46
```
#2a5f46 rgb(42,95,70)
```
#2a5f4b
```
#2a5f4b rgb(42,95,75)
```
#2a5f4f
```
#2a5f4f rgb(42,95,79)
```

Similar Colors

Text with hexadecimal color #2a5f42

This text has a font color of #2a5f42.

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

#2a5f42 background color

This paragraph has a background color of #2a5f42.

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

#2a5f42 border color

This element has a border color of #2a5f42.

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

CSS codes

.text {color:#2a5f42;}

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

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

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

#060d09
```
#060d09 rgb(6,13,9)
```
#0c1b13
```
#0c1b13 rgb(12,27,19)
```
#12291c
```
#12291c rgb(18,41,28)
```
#183626
```
#183626 rgb(24,54,38)
```
#1e442f
```
#1e442f rgb(30,68,47)
```
#245139
```
#245139 rgb(36,81,57)
```
#2a5f42
```
#2a5f42 rgb(42,95,66)
```
#306d4b
```
#306d4b rgb(48,109,75)
```
#367a55
```
#367a55 rgb(54,122,85)
```
#3c885e
```
#3c885e rgb(60,136,94)
```
#429568
```
#429568 rgb(66,149,104)
```
#48a371
```
#48a371 rgb(72,163,113)
```
#4eb17b
```
#4eb17b rgb(78,177,123)
```

Shade Color Variation

#5cb785
```
#5cb785 rgb(92,183,133)
```
#69bd8f
```
#69bd8f rgb(105,189,143)
```
#77c399
```
#77c399 rgb(119,195,153)
```
#84c9a3
```
#84c9a3 rgb(132,201,163)
```
#92cfae
```
#92cfae rgb(146,207,174)
```
#a0d5b8
```
#a0d5b8 rgb(160,213,184)
```
#addbc2
```
#addbc2 rgb(173,219,194)
```
#bbe1cc
```
#bbe1cc rgb(187,225,204)
```
#c8e7d6
```
#c8e7d6 rgb(200,231,214)
```
#d6ede0
```
#d6ede0 rgb(214,237,224)
```
#e4f3eb
```
#e4f3eb rgb(228,243,235)
```
#f1f9f5
```
#f1f9f5 rgb(241,249,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444544
```
#444544 rgb(68,69,68)
```
#3f4a44
```
#3f4a44 rgb(63,74,68)
```
#3a4f43
```
#3a4f43 rgb(58,79,67)
```
#355443
```
#355443 rgb(53,84,67)
```
#2f5a42
```
#2f5a42 rgb(47,90,66)
```
#2a5f42
```
#2a5f42 rgb(42,95,66)
```
#256442
```
#256442 rgb(37,100,66)
```
#1f6a41
```
#1f6a41 rgb(31,106,65)
```
#1a6f41
```
#1a6f41 rgb(26,111,65)
```
#157440
```
#157440 rgb(21,116,64)
```
#107940
```
#107940 rgb(16,121,64)
```
#0a7f3f
```
#0a7f3f rgb(10,127,63)
```
#05843f
```
#05843f rgb(5,132,63)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#45504a Atypical Achromatopsia 0.001% of the population

Dichromacy

#645d47 Protanopia 1% of men
#6b5a50 Deuteranopia 1% of men
#3f636a Tritanopia 0.001% of the population

Trichromacy

#4f5e45 Protanomaly 1% of men, 0.01% of women
#535c4b Deuteranomaly 6% of men, 0.4% of women
#37615b Tritanomaly 0.01% of the population

#2a5f42 hex color

#2a5f42 Color Information

#2a5f42 Color Conversion

Color Schemes with #2a5f42

Alternatives to #2a5f42

#2a5f42 Preview

Shades and Tints of #2a5f42

Tones of #2a5f42

Color Blindness Simulator