#2a7858 hex color

In a RGB color space, hex #2a7858 is composed of 16.5% red, 47.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 0% magenta, 26.7% yellow and 52.9% black. It has a hue angle of 155.4 degrees, a saturation of 48.1% and a lightness of 31.8%. #2a7858 color hex could be obtained by blending #54f0b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 47
- B 35
RGB color chart
- C 65
- M 0
- Y 27
- K 53
CMYK color chart

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

The hexadecimal color #2a7858 has RGB values of R:42, G:120, B:88 and CMYK values of C:0.65, M:0, Y:0.27, K:0.53. Its decimal value is 2783320.

Hex triplet	2a7858	`#2a7858`
RGB Decimal	42, 120, 88	`rgb(42,120,88)`
RGB Percent	16.5, 47.1, 34.5	`rgb(16.5%,47.1%,34.5%)`
CMYK	65, 0, 27, 53
HSL	155.4°, 48.1, 31.8	`hsl(155.4,48.1%,31.8%)`
HSV (or HSB)	155.4°, 65, 47.1
Web Safe	336666	`#336666`

CIE-LAB	45.122, -31.969, 10.683
XYZ	9.432, 14.629, 11.559
xyY	0.265, 0.411, 14.629
CIE-LCH	45.122, 33.707, 161.521
CIE-LUV	45.122, -32.075, 18.328
Hunter-Lab	38.248, -22.915, 8.856
Binary	00101010, 01111000, 01011000

#2a7858
```
#2a7858 rgb(42,120,88)
```
#782a4a
```
#782a4a rgb(120,42,74)
```

Complementary Color

#2a7831
```
#2a7831 rgb(42,120,49)
```
#2a7858
```
#2a7858 rgb(42,120,88)
```
#2a7178
```
#2a7178 rgb(42,113,120)
```

Analogous Color

#78312a
```
#78312a rgb(120,49,42)
```
#2a7858
```
#2a7858 rgb(42,120,88)
```
#782a71
```
#782a71 rgb(120,42,113)
```

Split Complementary Color

#78582a
```
#78582a rgb(120,88,42)
```
#2a7858
```
#2a7858 rgb(42,120,88)
```
#582a78
```
#582a78 rgb(88,42,120)
```

Triadic Color

#4a782a
```
#4a782a rgb(74,120,42)
```
#2a7858
```
#2a7858 rgb(42,120,88)
```
#582a78
```
#582a78 rgb(88,42,120)
```
#782a4a
```
#782a4a rgb(120,42,74)
```

Tetradic Color

#163f2e
```
#163f2e rgb(22,63,46)
```
#1d523c
```
#1d523c rgb(29,82,60)
```
#23654a
```
#23654a rgb(35,101,74)
```
#2a7858
```
#2a7858 rgb(42,120,88)
```
#318b66
```
#318b66 rgb(49,139,102)
```
#379e74
```
#379e74 rgb(55,158,116)
```
#3eb182
```
#3eb182 rgb(62,177,130)
```

Monochromatic Color

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

#2a7845
```
#2a7845 rgb(42,120,69)
```
#2a784b
```
#2a784b rgb(42,120,75)
```
#2a7852
```
#2a7852 rgb(42,120,82)
```
#2a7858
```
#2a7858 rgb(42,120,88)
```
#2a785f
```
#2a785f rgb(42,120,95)
```
#2a7865
```
#2a7865 rgb(42,120,101)
```
#2a786c
```
#2a786c rgb(42,120,108)
```

Similar Colors

Text with hexadecimal color #2a7858

This text has a font color of #2a7858.

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

#2a7858 background color

This paragraph has a background color of #2a7858.

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

#2a7858 border color

This element has a border color of #2a7858.

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

CSS codes

.text {color:#2a7858;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#06120d
```
#06120d rgb(6,18,13)
```
#0b2118
```
#0b2118 rgb(11,33,24)
```
#112f23
```
#112f23 rgb(17,47,35)
```
#163e2d
```
#163e2d rgb(22,62,45)
```
#1b4c38
```
#1b4c38 rgb(27,76,56)
```
#205b43
```
#205b43 rgb(32,91,67)
```
#25694d
```
#25694d rgb(37,105,77)
```
#2a7858
```
#2a7858 rgb(42,120,88)
```
#2f8763
```
#2f8763 rgb(47,135,99)
```
#34956d
```
#34956d rgb(52,149,109)
```
#39a478
```
#39a478 rgb(57,164,120)
```
#3eb283
```
#3eb283 rgb(62,178,131)
```

Shade Color Variation

#46be8d
```
#46be8d rgb(70,190,141)
```
#54c396
```
#54c396 rgb(84,195,150)
```
#63c89f
```
#63c89f rgb(99,200,159)
```
#71cda8
```
#71cda8 rgb(113,205,168)
```
#80d3b1
```
#80d3b1 rgb(128,211,177)
```
#8fd8ba
```
#8fd8ba rgb(143,216,186)
```
#9dddc3
```
#9dddc3 rgb(157,221,195)
```
#ace2cc
```
#ace2cc rgb(172,226,204)
```
#bae7d5
```
#bae7d5 rgb(186,231,213)
```
#c9ecdd
```
#c9ecdd rgb(201,236,221)
```
#d7f1e6
```
#d7f1e6 rgb(215,241,230)
```
#e6f6ef
```
#e6f6ef rgb(230,246,239)
```
#f4fbf8
```
#f4fbf8 rgb(244,251,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5351 is the less saturated color, while #059d5f is the most saturated one.

#4f5351
```
#4f5351 rgb(79,83,81)
```
#495952
```
#495952 rgb(73,89,82)
```
#435f54
```
#435f54 rgb(67,95,84)
```
#3d6555
```
#3d6555 rgb(61,101,85)
```
#366c56
```
#366c56 rgb(54,108,86)
```
#307257
```
#307257 rgb(48,114,87)
```
#2a7858
```
#2a7858 rgb(42,120,88)
```
#247e59
```
#247e59 rgb(36,126,89)
```
#1e845a
```
#1e845a rgb(30,132,90)
```
#178b5b
```
#178b5b rgb(23,139,91)
```
#11915c
```
#11915c rgb(17,145,92)
```
#0b975e
```
#0b975e rgb(11,151,94)
```
#059d5f
```
#059d5f rgb(5,157,95)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#53625c Atypical Achromatopsia 0.001% of the population

Dichromacy

#79725b Protanopia 1% of men
#816e66 Deuteranopia 1% of men
#437a83 Tritanopia 0.001% of the population

Trichromacy

#5c7459 Protanomaly 1% of men, 0.01% of women
#617261 Deuteranomaly 6% of men, 0.4% of women
#3a7973 Tritanomaly 0.01% of the population

#2a7858 hex color

#2a7858 Color Information

#2a7858 Color Conversion

Color Schemes with #2a7858

Alternatives to #2a7858

#2a7858 Preview

Shades and Tints of #2a7858

Tones of #2a7858

Color Blindness Simulator