#2a8172 hex color

In a RGB color space, hex #2a8172 is composed of 16.5% red, 50.6% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 0% magenta, 11.6% yellow and 49.4% black. It has a hue angle of 169.7 degrees, a saturation of 50.9% and a lightness of 33.5%. #2a8172 color hex could be obtained by blending #54ffe4 with #000300. Closest websafe color is: #339966.

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

● #2a8172 color description : Dark moderate cyan.

The hexadecimal color #2a8172 has RGB values of R:42, G:129, B:114 and CMYK values of C:0.67, M:0, Y:0.12, K:0.49. Its decimal value is 2785650.

Hex triplet	2a8172	`#2a8172`
RGB Decimal	42, 129, 114	`rgb(42,129,114)`
RGB Percent	16.5, 50.6, 44.7	`rgb(16.5%,50.6%,44.7%)`
CMYK	67, 0, 12, 49
HSL	169.7°, 50.9, 33.5	`hsl(169.7,50.9%,33.5%)`
HSV (or HSB)	169.7°, 67.4, 50.6
Web Safe	339966	`#339966`

CIE-LAB	48.768, -29.451, 0.589
XYZ	11.841, 17.407, 18.654
xyY	0.247, 0.363, 17.407
CIE-LCH	48.768, 29.457, 178.854
CIE-LUV	48.768, -34.128, 5.054
Hunter-Lab	41.721, -22.35, 2.695
Binary	00101010, 10000001, 01110010

#2a8172
```
#2a8172 rgb(42,129,114)
```
#812a39
```
#812a39 rgb(129,42,57)
```

Complementary Color

#2a8147
```
#2a8147 rgb(42,129,71)
```
#2a8172
```
#2a8172 rgb(42,129,114)
```
#2a6581
```
#2a6581 rgb(42,101,129)
```

Analogous Color

#81462a
```
#81462a rgb(129,70,42)
```
#2a8172
```
#2a8172 rgb(42,129,114)
```
#812a65
```
#812a65 rgb(129,42,101)
```

Split Complementary Color

#81722a
```
#81722a rgb(129,114,42)
```
#2a8172
```
#2a8172 rgb(42,129,114)
```
#722a81
```
#722a81 rgb(114,42,129)
```

Triadic Color

#39812a
```
#39812a rgb(57,129,42)
```
#2a8172
```
#2a8172 rgb(42,129,114)
```
#722a81
```
#722a81 rgb(114,42,129)
```
#812a39
```
#812a39 rgb(129,42,57)
```

Tetradic Color

#17473f
```
#17473f rgb(23,71,63)
```
#1d5b50
```
#1d5b50 rgb(29,91,80)
```
#246e61
```
#246e61 rgb(36,110,97)
```
#2a8172
```
#2a8172 rgb(42,129,114)
```
#309483
```
#309483 rgb(48,148,131)
```
#37a794
```
#37a794 rgb(55,167,148)
```
#3dbba5
```
#3dbba5 rgb(61,187,165)
```

Monochromatic Color

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

#2a815c
```
#2a815c rgb(42,129,92)
```
#2a8163
```
#2a8163 rgb(42,129,99)
```
#2a816b
```
#2a816b rgb(42,129,107)
```
#2a8172
```
#2a8172 rgb(42,129,114)
```
#2a8179
```
#2a8179 rgb(42,129,121)
```
#2a8181
```
#2a8181 rgb(42,129,129)
```
#2a7a81
```
#2a7a81 rgb(42,122,129)
```

Similar Colors

Text with hexadecimal color #2a8172

This text has a font color of #2a8172.

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

#2a8172 background color

This paragraph has a background color of #2a8172.

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

#2a8172 border color

This element has a border color of #2a8172.

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

CSS codes

.text {color:#2a8172;}

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

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

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, #030b09 is the darkest color, while #fbfefd is the lightest one.

#030b09
```
#030b09 rgb(3,11,9)
```
#081916
```
#081916 rgb(8,25,22)
```
#0d2824
```
#0d2824 rgb(13,40,36)
```
#123731
```
#123731 rgb(18,55,49)
```
#17463e
```
#17463e rgb(23,70,62)
```
#1c554b
```
#1c554b rgb(28,85,75)
```
#206358
```
#206358 rgb(32,99,88)
```
#257265
```
#257265 rgb(37,114,101)
```
#2a8172
```
#2a8172 rgb(42,129,114)
```
#2f907f
```
#2f907f rgb(47,144,127)
```
#349f8c
```
#349f8c rgb(52,159,140)
```
#38ad99
```
#38ad99 rgb(56,173,153)
```
#3dbca6
```
#3dbca6 rgb(61,188,166)
```

Shade Color Variation

#49c4af
```
#49c4af rgb(73,196,175)
```
#58c9b5
```
#58c9b5 rgb(88,201,181)
```
#67cdbc
```
#67cdbc rgb(103,205,188)
```
#76d2c2
```
#76d2c2 rgb(118,210,194)
```
#84d7c9
```
#84d7c9 rgb(132,215,201)
```
#93dccf
```
#93dccf rgb(147,220,207)
```
#a2e1d6
```
#a2e1d6 rgb(162,225,214)
```
#b1e6dc
```
#b1e6dc rgb(177,230,220)
```
#c0eae3
```
#c0eae3 rgb(192,234,227)
```
#ceefea
```
#ceefea rgb(206,239,234)
```
#ddf4f0
```
#ddf4f0 rgb(221,244,240)
```
#ecf9f7
```
#ecf9f7 rgb(236,249,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#515a58
```
#515a58 rgb(81,90,88)
```
#4b605c
```
#4b605c rgb(75,96,92)
```
#446761
```
#446761 rgb(68,103,97)
```
#3e6d65
```
#3e6d65 rgb(62,109,101)
```
#377469
```
#377469 rgb(55,116,105)
```
#317a6e
```
#317a6e rgb(49,122,110)
```
#2a8172
```
#2a8172 rgb(42,129,114)
```
#238876
```
#238876 rgb(35,136,118)
```
#1d8e7b
```
#1d8e7b rgb(29,142,123)
```
#16957f
```
#16957f rgb(22,149,127)
```
#109b83
```
#109b83 rgb(16,155,131)
```
#09a288
```
#09a288 rgb(9,162,136)
```
#03a88c
```
#03a88c rgb(3,168,140)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#596b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7a72 Protanopia 1% of men
#84777e Deuteranopia 1% of men
#40848e Tritanopia 0.001% of the population

Trichromacy

#607c72 Protanomaly 1% of men, 0.01% of women
#637b7a Deuteranomaly 6% of men, 0.4% of women
#388383 Tritanomaly 0.01% of the population

#2a8172 hex color

#2a8172 Color Information

#2a8172 Color Conversion

Color Schemes with #2a8172

Alternatives to #2a8172

#2a8172 Preview

Shades and Tints of #2a8172

Tones of #2a8172

Color Blindness Simulator