#2a5d46 hex color

In a RGB color space, hex #2a5d46 is composed of 16.5% red, 36.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 0% magenta, 24.7% yellow and 63.5% black. It has a hue angle of 152.9 degrees, a saturation of 37.8% and a lightness of 26.5%. #2a5d46 color hex could be obtained by blending #54ba8c with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 36
- B 27
RGB color chart
- C 55
- M 0
- Y 25
- K 64
CMYK color chart

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

The hexadecimal color #2a5d46 has RGB values of R:42, G:93, B:70 and CMYK values of C:0.55, M:0, Y:0.25, K:0.64. Its decimal value is 2776390.

Hex triplet	2a5d46	`#2a5d46`
RGB Decimal	42, 93, 70	`rgb(42,93,70)`
RGB Percent	16.5, 36.5, 27.5	`rgb(16.5%,36.5%,27.5%)`
CMYK	55, 0, 25, 64
HSL	152.9°, 37.8, 26.5	`hsl(152.9,37.8%,26.5%)`
HSV (or HSB)	152.9°, 54.8, 36.5
Web Safe	336633	`#336633`

CIE-LAB	35.523, -23.282, 8.068
XYZ	5.974, 8.763, 7.171
xyY	0.273, 0.4, 8.763
CIE-LCH	35.523, 24.64, 160.888
CIE-LUV	35.523, -21.924, 12.882
Hunter-Lab	29.602, -15.778, 6.359
Binary	00101010, 01011101, 01000110

#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#5d2a41
```
#5d2a41 rgb(93,42,65)
```

Complementary Color

#2a5d2d
```
#2a5d2d rgb(42,93,45)
```
#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#2a5b5d
```
#2a5b5d rgb(42,91,93)
```

Analogous Color

#5d2d2a
```
#5d2d2a rgb(93,45,42)
```
#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#5d2a5b
```
#5d2a5b rgb(93,42,91)
```

Split Complementary Color

#5d462a
```
#5d462a rgb(93,70,42)
```
#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#462a5d
```
#462a5d rgb(70,42,93)
```

Triadic Color

#415d2a
```
#415d2a rgb(65,93,42)
```
#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#462a5d
```
#462a5d rgb(70,42,93)
```
#5d2a41
```
#5d2a41 rgb(93,42,65)
```

Tetradic Color

#12281e
```
#12281e rgb(18,40,30)
```
#1a3a2c
```
#1a3a2c rgb(26,58,44)
```
#224b39
```
#224b39 rgb(34,75,57)
```
#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#326f53
```
#326f53 rgb(50,111,83)
```
#3a8060
```
#3a8060 rgb(58,128,96)
```
#42926e
```
#42926e rgb(66,146,110)
```

Monochromatic Color

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

#2a5d39
```
#2a5d39 rgb(42,93,57)
```
#2a5d3e
```
#2a5d3e rgb(42,93,62)
```
#2a5d42
```
#2a5d42 rgb(42,93,66)
```
#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#2a5d4a
```
#2a5d4a rgb(42,93,74)
```
#2a5d4f
```
#2a5d4f rgb(42,93,79)
```
#2a5d53
```
#2a5d53 rgb(42,93,83)
```

Similar Colors

Text with hexadecimal color #2a5d46

This text has a font color of #2a5d46.

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

#2a5d46 background color

This paragraph has a background color of #2a5d46.

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

#2a5d46 border color

This element has a border color of #2a5d46.

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

CSS codes

.text {color:#2a5d46;}

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

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

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

#050c09
```
#050c09 rgb(5,12,9)
```
#0b1913
```
#0b1913 rgb(11,25,19)
```
#12271d
```
#12271d rgb(18,39,29)
```
#183427
```
#183427 rgb(24,52,39)
```
#1e4232
```
#1e4232 rgb(30,66,50)
```
#244f3c
```
#244f3c rgb(36,79,60)
```
#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#306b50
```
#306b50 rgb(48,107,80)
```
#36785a
```
#36785a rgb(54,120,90)
```
#3c8665
```
#3c8665 rgb(60,134,101)
```
#42936f
```
#42936f rgb(66,147,111)
```
#49a179
```
#49a179 rgb(73,161,121)
```
#4fae83
```
#4fae83 rgb(79,174,131)
```

Shade Color Variation

#5bb58d
```
#5bb58d rgb(91,181,141)
```
#69bb96
```
#69bb96 rgb(105,187,150)
```
#76c19f
```
#76c19f rgb(118,193,159)
```
#84c7a9
```
#84c7a9 rgb(132,199,169)
```
#91cdb2
```
#91cdb2 rgb(145,205,178)
```
#9fd4bc
```
#9fd4bc rgb(159,212,188)
```
#acdac5
```
#acdac5 rgb(172,218,197)
```
#bae0cf
```
#bae0cf rgb(186,224,207)
```
#c7e6d8
```
#c7e6d8 rgb(199,230,216)
```
#d5ece2
```
#d5ece2 rgb(213,236,226)
```
#e2f2eb
```
#e2f2eb rgb(226,242,235)
```
#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, #3f4844 is the less saturated color, while #00874a is the most saturated one.

#3f4844
```
#3f4844 rgb(63,72,68)
```
#3a4d44
```
#3a4d44 rgb(58,77,68)
```
#345345
```
#345345 rgb(52,83,69)
```
#2f5845
```
#2f5845 rgb(47,88,69)
```
#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#256247
```
#256247 rgb(37,98,71)
```
#206747
```
#206747 rgb(32,103,71)
```
#1a6d48
```
#1a6d48 rgb(26,109,72)
```
#157248
```
#157248 rgb(21,114,72)
```
#107749
```
#107749 rgb(16,119,73)
```
#0b7c49
```
#0b7c49 rgb(11,124,73)
```
#06814a
```
#06814a rgb(6,129,74)
```
#00874a
```
#00874a rgb(0,135,74)
```

Tone Color Variation

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

Dichromacy

#615c4b Protanopia 1% of men
#685953 Deuteranopia 1% of men
#3d6169 Tritanopia 0.001% of the population

Trichromacy

#4d5c49 Protanomaly 1% of men, 0.01% of women
#515a4e Deuteranomaly 6% of men, 0.4% of women
#36605c Tritanomaly 0.01% of the population

#2a5d46 hex color

#2a5d46 Color Information

#2a5d46 Color Conversion

Color Schemes with #2a5d46

Alternatives to #2a5d46

#2a5d46 Preview

Shades and Tints of #2a5d46

Tones of #2a5d46

Color Blindness Simulator