colorhexa.com

#2a7e58 hex color

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

- R 16
- G 49
- B 35
RGB color chart
- C 67
- M 0
- Y 30
- K 51
CMYK color chart

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

The hexadecimal color #2a7e58 has RGB values of R:42, G:126, B:88 and CMYK values of C:0.67, M:0, Y:0.3, K:0.51. Its decimal value is 2784856.

Hex triplet	2a7e58	`#2a7e58`
RGB Decimal	42, 126, 88	`rgb(42,126,88)`
RGB Percent	16.5, 49.4, 34.5	`rgb(16.5%,49.4%,34.5%)`
CMYK	67, 0, 30, 51
HSL	152.9°, 50, 32.9	`hsl(152.9,50%,32.9%)`
HSV (or HSB)	152.9°, 66.7, 49.4
Web Safe	336666	`#336666`

CIE-LAB	47.128, -34.683, 13.47
XYZ	10.176, 16.118, 11.807
xyY	0.267, 0.423, 16.118
CIE-LCH	47.128, 37.207, 158.774
CIE-LUV	47.128, -34.424, 22.338
Hunter-Lab	40.147, -25.011, 10.666
Binary	00101010, 01111110, 01011000

#2a7e58
```
#2a7e58 rgb(42,126,88)
```
#7e2a50
```
#7e2a50 rgb(126,42,80)
```

Complementary Color

#2a7e2e
```
#2a7e2e rgb(42,126,46)
```
#2a7e58
```
#2a7e58 rgb(42,126,88)
```
#2a7a7e
```
#2a7a7e rgb(42,122,126)
```

Analogous Color

#7e2e2a
```
#7e2e2a rgb(126,46,42)
```
#2a7e58
```
#2a7e58 rgb(42,126,88)
```
#7e2a7a
```
#7e2a7a rgb(126,42,122)
```

Split Complementary Color

#7e582a
```
#7e582a rgb(126,88,42)
```
#2a7e58
```
#2a7e58 rgb(42,126,88)
```
#582a7e
```
#582a7e rgb(88,42,126)
```

Triadic Color

#174530
```
#174530 rgb(23,69,48)
```
#1d583d
```
#1d583d rgb(29,88,61)
```
#246b4b
```
#246b4b rgb(36,107,75)
```
#2a7e58
```
#2a7e58 rgb(42,126,88)
```
#309165
```
#309165 rgb(48,145,101)
```
#37a473
```
#37a473 rgb(55,164,115)
```
#3db780
```
#3db780 rgb(61,183,128)
```

Monochromatic Color

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

#2a7e43
```
#2a7e43 rgb(42,126,67)
```
#2a7e4a
```
#2a7e4a rgb(42,126,74)
```
#2a7e51
```
#2a7e51 rgb(42,126,81)
```
#2a7e58
```
#2a7e58 rgb(42,126,88)
```
#2a7e5f
```
#2a7e5f rgb(42,126,95)
```
#2a7e66
```
#2a7e66 rgb(42,126,102)
```
#2a7e6d
```
#2a7e6d rgb(42,126,109)
```

Similar Colors

Text with hexadecimal color #2a7e58

This text has a font color of #2a7e58.

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

#2a7e58 background color

This paragraph has a background color of #2a7e58.

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

#2a7e58 border color

This element has a border color of #2a7e58.

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

CSS codes

.text {color:#2a7e58;}

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

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

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

#030806
```
#030806 rgb(3,8,6)
```
#081710
```
#081710 rgb(8,23,16)
```
#0d261a
```
#0d261a rgb(13,38,26)
```
#113425
```
#113425 rgb(17,52,37)
```
#16432f
```
#16432f rgb(22,67,47)
```
#1b5239
```
#1b5239 rgb(27,82,57)
```
#206143
```
#206143 rgb(32,97,67)
```
#256f4e
```
#256f4e rgb(37,111,78)
```
#2a7e58
```
#2a7e58 rgb(42,126,88)
```
#2f8d62
```
#2f8d62 rgb(47,141,98)
```
#349b6d
```
#349b6d rgb(52,155,109)
```
#39aa77
```
#39aa77 rgb(57,170,119)
```
#3eb981
```
#3eb981 rgb(62,185,129)
```

Shade Color Variation

#48c28b
```
#48c28b rgb(72,194,139)
```
#57c794
```
#57c794 rgb(87,199,148)
```
#65cc9e
```
#65cc9e rgb(101,204,158)
```
#74d1a7
```
#74d1a7 rgb(116,209,167)
```
#83d6b0
```
#83d6b0 rgb(131,214,176)
```
#92dbba
```
#92dbba rgb(146,219,186)
```
#a0dfc3
```
#a0dfc3 rgb(160,223,195)
```
#afe4cc
```
#afe4cc rgb(175,228,204)
```
#bee9d6
```
#bee9d6 rgb(190,233,214)
```
#cceedf
```
#cceedf rgb(204,238,223)
```
#dbf3e8
```
#dbf3e8 rgb(219,243,232)
```
#eaf8f2
```
#eaf8f2 rgb(234,248,242)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#515754
```
#515754 rgb(81,87,84)
```
#4a5e55
```
#4a5e55 rgb(74,94,85)
```
#446456
```
#446456 rgb(68,100,86)
```
#3d6b56
```
#3d6b56 rgb(61,107,86)
```
#377157
```
#377157 rgb(55,113,87)
```
#307857
```
#307857 rgb(48,120,87)
```
#2a7e58
```
#2a7e58 rgb(42,126,88)
```
#248459
```
#248459 rgb(36,132,89)
```
#1d8b59
```
#1d8b59 rgb(29,139,89)
```
#17915a
```
#17915a rgb(23,145,90)
```
#10985a
```
#10985a rgb(16,152,90)
```
#0a9e5b
```
#0a9e5b rgb(10,158,91)
```
#03a55c
```
#03a55c rgb(3,165,92)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#56675f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f775a Protanopia 1% of men
#887366 Deuteranopia 1% of men
#467f88 Tritanopia 0.001% of the population

Trichromacy

#607959 Protanomaly 1% of men, 0.01% of women
#657761 Deuteranomaly 6% of men, 0.4% of women
#3c7e77 Tritanomaly 0.01% of the population