#2a7e42 hex color

In a RGB color space, hex #2a7e42 is composed of 16.5% red, 49.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 47.6% yellow and 50.6% black. It has a hue angle of 137.1 degrees, a saturation of 50% and a lightness of 32.9%. #2a7e42 color hex could be obtained by blending #54fc84 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 49
- B 26
RGB color chart
- C 67
- M 0
- Y 48
- K 51
CMYK color chart

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

The hexadecimal color #2a7e42 has RGB values of R:42, G:126, B:66 and CMYK values of C:0.67, M:0, Y:0.48, K:0.51. Its decimal value is 2784834.

Hex triplet	2a7e42	`#2a7e42`
RGB Decimal	42, 126, 66	`rgb(42,126,66)`
RGB Percent	16.5, 49.4, 25.9	`rgb(16.5%,49.4%,25.9%)`
CMYK	67, 0, 48, 51
HSL	137.1°, 50, 32.9	`hsl(137.1,50%,32.9%)`
HSV (or HSB)	137.1°, 66.7, 49.4
Web Safe	336633	`#336633`

CIE-LAB	46.72, -39.131, 25.396
XYZ	9.398, 15.806, 7.71
xyY	0.286, 0.48, 15.806
CIE-LCH	46.72, 46.65, 147.016
CIE-LUV	46.72, -35.475, 36.004
Hunter-Lab	39.757, -27.379, 16.333
Binary	00101010, 01111110, 01000010

#2a7e42
```
#2a7e42 rgb(42,126,66)
```
#7e2a66
```
#7e2a66 rgb(126,42,102)
```

Complementary Color

#3c7e2a
```
#3c7e2a rgb(60,126,42)
```
#2a7e42
```
#2a7e42 rgb(42,126,66)
```
#2a7e6c
```
#2a7e6c rgb(42,126,108)
```

Analogous Color

#7e2a3c
```
#7e2a3c rgb(126,42,60)
```
#2a7e42
```
#2a7e42 rgb(42,126,66)
```
#6c2a7e
```
#6c2a7e rgb(108,42,126)
```

Split Complementary Color

#7e422a
```
#7e422a rgb(126,66,42)
```
#2a7e42
```
#2a7e42 rgb(42,126,66)
```
#422a7e
```
#422a7e rgb(66,42,126)
```

Triadic Color

#667e2a
```
#667e2a rgb(102,126,42)
```
#2a7e42
```
#2a7e42 rgb(42,126,66)
```
#422a7e
```
#422a7e rgb(66,42,126)
```
#7e2a66
```
#7e2a66 rgb(126,42,102)
```

Tetradic Color

#174524
```
#174524 rgb(23,69,36)
```
#1d582e
```
#1d582e rgb(29,88,46)
```
#246b38
```
#246b38 rgb(36,107,56)
```
#2a7e42
```
#2a7e42 rgb(42,126,66)
```
#30914c
```
#30914c rgb(48,145,76)
```
#37a456
```
#37a456 rgb(55,164,86)
```
#3db760
```
#3db760 rgb(61,183,96)
```

Monochromatic Color

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

#2a7e2d
```
#2a7e2d rgb(42,126,45)
```
#2a7e34
```
#2a7e34 rgb(42,126,52)
```
#2a7e3b
```
#2a7e3b rgb(42,126,59)
```
#2a7e42
```
#2a7e42 rgb(42,126,66)
```
#2a7e49
```
#2a7e49 rgb(42,126,73)
```
#2a7e50
```
#2a7e50 rgb(42,126,80)
```
#2a7e57
```
#2a7e57 rgb(42,126,87)
```

Similar Colors

Text with hexadecimal color #2a7e42

This text has a font color of #2a7e42.

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

#2a7e42 background color

This paragraph has a background color of #2a7e42.

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

#2a7e42 border color

This element has a border color of #2a7e42.

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

CSS codes

.text {color:#2a7e42;}

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

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

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 #f9fdfa is the lightest one.

#030804
```
#030804 rgb(3,8,4)
```
#08170c
```
#08170c rgb(8,23,12)
```
#0d2614
```
#0d2614 rgb(13,38,20)
```
#11341b
```
#11341b rgb(17,52,27)
```
#164323
```
#164323 rgb(22,67,35)
```
#1b522b
```
#1b522b rgb(27,82,43)
```
#206133
```
#206133 rgb(32,97,51)
```
#256f3a
```
#256f3a rgb(37,111,58)
```
#2a7e42
```
#2a7e42 rgb(42,126,66)
```
#2f8d4a
```
#2f8d4a rgb(47,141,74)
```
#349b51
```
#349b51 rgb(52,155,81)
```
#39aa59
```
#39aa59 rgb(57,170,89)
```
#3eb961
```
#3eb961 rgb(62,185,97)
```

Shade Color Variation

#48c26b
```
#48c26b rgb(72,194,107)
```
#57c777
```
#57c777 rgb(87,199,119)
```
#65cc83
```
#65cc83 rgb(101,204,131)
```
#74d18f
```
#74d18f rgb(116,209,143)
```
#83d69b
```
#83d69b rgb(131,214,155)
```
#92dba6
```
#92dba6 rgb(146,219,166)
```
#a0dfb2
```
#a0dfb2 rgb(160,223,178)
```
#afe4be
```
#afe4be rgb(175,228,190)
```
#bee9ca
```
#bee9ca rgb(190,233,202)
```
#cceed6
```
#cceed6 rgb(204,238,214)
```
#dbf3e2
```
#dbf3e2 rgb(219,243,226)
```
#eaf8ee
```
#eaf8ee rgb(234,248,238)
```
#f9fdfa
```
#f9fdfa rgb(249,253,250)
```

Tint Color Variation

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

#515753
```
#515753 rgb(81,87,83)
```
#4a5e50
```
#4a5e50 rgb(74,94,80)
```
#44644d
```
#44644d rgb(68,100,77)
```
#3d6b4a
```
#3d6b4a rgb(61,107,74)
```
#377148
```
#377148 rgb(55,113,72)
```
#307845
```
#307845 rgb(48,120,69)
```
#2a7e42
```
#2a7e42 rgb(42,126,66)
```
#24843f
```
#24843f rgb(36,132,63)
```
#1d8b3c
```
#1d8b3c rgb(29,139,60)
```
#17913a
```
#17913a rgb(23,145,58)
```
#109837
```
#109837 rgb(16,152,55)
```
#0a9e34
```
#0a9e34 rgb(10,158,52)
```
#03a531
```
#03a531 rgb(3,165,49)
```

Tone Color Variation

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

Dichromacy

#817646 Protanopia 1% of men
#8c7152 Deuteranopia 1% of men
#4a7d87 Tritanopia 0.001% of the population

Trichromacy

#617944 Protanomaly 1% of men, 0.01% of women
#68764c Deuteranomaly 6% of men, 0.4% of women
#3e7d6d Tritanomaly 0.01% of the population

#2a7e42 hex color

#2a7e42 Color Information

#2a7e42 Color Conversion

Color Schemes with #2a7e42

Alternatives to #2a7e42

#2a7e42 Preview

Shades and Tints of #2a7e42

Tones of #2a7e42

Color Blindness Simulator