#2a7d48 hex color

In a RGB color space, hex #2a7d48 is composed of 16.5% red, 49% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 0% magenta, 42.4% yellow and 51% black. It has a hue angle of 141.7 degrees, a saturation of 49.7% and a lightness of 32.7%. #2a7d48 color hex could be obtained by blending #54fa90 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 49
- B 28
RGB color chart
- C 66
- M 0
- Y 42
- K 51
CMYK color chart

● #2a7d48 color description : Dark moderate cyan - lime green.

The hexadecimal color #2a7d48 has RGB values of R:42, G:125, B:72 and CMYK values of C:0.66, M:0, Y:0.42, K:0.51. Its decimal value is 2784584.

Hex triplet	2a7d48	`#2a7d48`
RGB Decimal	42, 125, 72	`rgb(42,125,72)`
RGB Percent	16.5, 49, 28.2	`rgb(16.5%,49%,28.2%)`
CMYK	66, 0, 42, 51
HSL	141.7°, 49.7, 32.7	`hsl(141.7,49.7%,32.7%)`
HSV (or HSB)	141.7°, 66.4, 49
Web Safe	336633	`#336633`

CIE-LAB	46.481, -37.618, 21.754
XYZ	9.458, 15.627, 8.648
xyY	0.28, 0.463, 15.627
CIE-LCH	46.481, 43.455, 149.96
CIE-LUV	46.481, -34.819, 31.985
Hunter-Lab	39.53, -26.473, 14.7
Binary	00101010, 01111101, 01001000

#2a7d48
```
#2a7d48 rgb(42,125,72)
```
#7d2a5f
```
#7d2a5f rgb(125,42,95)
```

Complementary Color

#367d2a
```
#367d2a rgb(54,125,42)
```
#2a7d48
```
#2a7d48 rgb(42,125,72)
```
#2a7d72
```
#2a7d72 rgb(42,125,114)
```

Analogous Color

#7d2a36
```
#7d2a36 rgb(125,42,54)
```
#2a7d48
```
#2a7d48 rgb(42,125,72)
```
#722a7d
```
#722a7d rgb(114,42,125)
```

Split Complementary Color

#7d482a
```
#7d482a rgb(125,72,42)
```
#2a7d48
```
#2a7d48 rgb(42,125,72)
```
#482a7d
```
#482a7d rgb(72,42,125)
```

Triadic Color

#5f7d2a
```
#5f7d2a rgb(95,125,42)
```
#2a7d48
```
#2a7d48 rgb(42,125,72)
```
#482a7d
```
#482a7d rgb(72,42,125)
```
#7d2a5f
```
#7d2a5f rgb(125,42,95)
```

Tetradic Color

#174427
```
#174427 rgb(23,68,39)
```
#1d5732
```
#1d5732 rgb(29,87,50)
```
#246a3d
```
#246a3d rgb(36,106,61)
```
#2a7d48
```
#2a7d48 rgb(42,125,72)
```
#309053
```
#309053 rgb(48,144,83)
```
#37a35e
```
#37a35e rgb(55,163,94)
```
#3db669
```
#3db669 rgb(61,182,105)
```

Monochromatic Color

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

#2a7d33
```
#2a7d33 rgb(42,125,51)
```
#2a7d3a
```
#2a7d3a rgb(42,125,58)
```
#2a7d41
```
#2a7d41 rgb(42,125,65)
```
#2a7d48
```
#2a7d48 rgb(42,125,72)
```
#2a7d4f
```
#2a7d4f rgb(42,125,79)
```
#2a7d56
```
#2a7d56 rgb(42,125,86)
```
#2a7d5d
```
#2a7d5d rgb(42,125,93)
```

Similar Colors

Text with hexadecimal color #2a7d48

This text has a font color of #2a7d48.

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

#2a7d48 background color

This paragraph has a background color of #2a7d48.

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

#2a7d48 border color

This element has a border color of #2a7d48.

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

CSS codes

.text {color:#2a7d48;}

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

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

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

#030804
```
#030804 rgb(3,8,4)
```
#07160d
```
#07160d rgb(7,22,13)
```
#0c2515
```
#0c2515 rgb(12,37,21)
```
#11341e
```
#11341e rgb(17,52,30)
```
#164226
```
#164226 rgb(22,66,38)
```
#1b512f
```
#1b512f rgb(27,81,47)
```
#206037
```
#206037 rgb(32,96,55)
```
#256e40
```
#256e40 rgb(37,110,64)
```
#2a7d48
```
#2a7d48 rgb(42,125,72)
```
#2f8c50
```
#2f8c50 rgb(47,140,80)
```
#349a59
```
#349a59 rgb(52,154,89)
```
#39a961
```
#39a961 rgb(57,169,97)
```
#3eb86a
```
#3eb86a rgb(62,184,106)
```

Shade Color Variation

#48c174
```
#48c174 rgb(72,193,116)
```
#56c67f
```
#56c67f rgb(86,198,127)
```
#65cb8a
```
#65cb8a rgb(101,203,138)
```
#74d095
```
#74d095 rgb(116,208,149)
```
#82d5a0
```
#82d5a0 rgb(130,213,160)
```
#91daab
```
#91daab rgb(145,218,171)
```
#a0dfb7
```
#a0dfb7 rgb(160,223,183)
```
#aee4c2
```
#aee4c2 rgb(174,228,194)
```
#bde9cd
```
#bde9cd rgb(189,233,205)
```
#cceed8
```
#cceed8 rgb(204,238,216)
```
#daf3e3
```
#daf3e3 rgb(218,243,227)
```
#e9f8ee
```
#e9f8ee rgb(233,248,238)
```
#f8fdfa
```
#f8fdfa rgb(248,253,250)
```

Tint Color Variation

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

#515653
```
#515653 rgb(81,86,83)
```
#4a5d51
```
#4a5d51 rgb(74,93,81)
```
#44634f
```
#44634f rgb(68,99,79)
```
#3d6a4d
```
#3d6a4d rgb(61,106,77)
```
#37704c
```
#37704c rgb(55,112,76)
```
#30774a
```
#30774a rgb(48,119,74)
```
#2a7d48
```
#2a7d48 rgb(42,125,72)
```
#248346
```
#248346 rgb(36,131,70)
```
#1d8a44
```
#1d8a44 rgb(29,138,68)
```
#179043
```
#179043 rgb(23,144,67)
```
#109741
```
#109741 rgb(16,151,65)
```
#0a9d3f
```
#0a9d3f rgb(10,157,63)
```
#03a43d
```
#03a43d rgb(3,164,61)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#54645a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f754c Protanopia 1% of men
#8a7157 Deuteranopia 1% of men
#487d86 Tritanopia 0.001% of the population

Trichromacy

#60784a Protanomaly 1% of men, 0.01% of women
#677552 Deuteranomaly 6% of men, 0.4% of women
#3d7d6f Tritanomaly 0.01% of the population

#2a7d48 hex color

#2a7d48 Color Information

#2a7d48 Color Conversion

Color Schemes with #2a7d48

Alternatives to #2a7d48

#2a7d48 Preview

Shades and Tints of #2a7d48

Tones of #2a7d48

Color Blindness Simulator