#2ac7a4 hex color

In a RGB color space, hex #2ac7a4 is composed of 16.5% red, 78% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 0% magenta, 17.6% yellow and 22% black. It has a hue angle of 166.6 degrees, a saturation of 65.1% and a lightness of 47.3%. #2ac7a4 color hex could be obtained by blending #54ffff with #008f49. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 78
- B 64
RGB color chart
- C 79
- M 0
- Y 18
- K 22
CMYK color chart

● #2ac7a4 color description : Strong cyan.

The hexadecimal color #2ac7a4 has RGB values of R:42, G:199, B:164 and CMYK values of C:0.79, M:0, Y:0.18, K:0.22. Its decimal value is 2803620.

Hex triplet	2ac7a4	`#2ac7a4`
RGB Decimal	42, 199, 164	`rgb(42,199,164)`
RGB Percent	16.5, 78, 64.3	`rgb(16.5%,78%,64.3%)`
CMYK	79, 0, 18, 22
HSL	166.6°, 65.1, 47.3	`hsl(166.6,65.1%,47.3%)`
HSV (or HSB)	166.6°, 78.9, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.24, -47.347, 6.392
XYZ	28.077, 44.017, 42.136
xyY	0.246, 0.385, 44.017
CIE-LCH	72.24, 47.777, 172.312
CIE-LUV	72.24, -56.343, 16.806
Hunter-Lab	66.345, -40.564, 8.786
Binary	00101010, 11000111, 10100100

#2ac7a4
```
#2ac7a4 rgb(42,199,164)
```
#c72a4d
```
#c72a4d rgb(199,42,77)
```

Complementary Color

#2ac756
```
#2ac756 rgb(42,199,86)
```
#2ac7a4
```
#2ac7a4 rgb(42,199,164)
```
#2a9cc7
```
#2a9cc7 rgb(42,156,199)
```

Analogous Color

#c7562a
```
#c7562a rgb(199,86,42)
```
#2ac7a4
```
#2ac7a4 rgb(42,199,164)
```
#c72a9c
```
#c72a9c rgb(199,42,156)
```

Split Complementary Color

#c7a42a
```
#c7a42a rgb(199,164,42)
```
#2ac7a4
```
#2ac7a4 rgb(42,199,164)
```
#a42ac7
```
#a42ac7 rgb(164,42,199)
```

Triadic Color

#4dc72a
```
#4dc72a rgb(77,199,42)
```
#2ac7a4
```
#2ac7a4 rgb(42,199,164)
```
#a42ac7
```
#a42ac7 rgb(164,42,199)
```
#c72a4d
```
#c72a4d rgb(199,42,77)
```

Tetradic Color

#1d8870
```
#1d8870 rgb(29,136,112)
```
#219d81
```
#219d81 rgb(33,157,129)
```
#26b293
```
#26b293 rgb(38,178,147)
```
#2ac7a4
```
#2ac7a4 rgb(42,199,164)
```
#36d5b1
```
#36d5b1 rgb(54,213,177)
```
#4bd9b9
```
#4bd9b9 rgb(75,217,185)
```
#60ddc1
```
#60ddc1 rgb(96,221,193)
```

Monochromatic Color

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

#2ac77d
```
#2ac77d rgb(42,199,125)
```
#2ac78a
```
#2ac78a rgb(42,199,138)
```
#2ac797
```
#2ac797 rgb(42,199,151)
```
#2ac7a4
```
#2ac7a4 rgb(42,199,164)
```
#2ac7b1
```
#2ac7b1 rgb(42,199,177)
```
#2ac7be
```
#2ac7be rgb(42,199,190)
```
#2ac3c7
```
#2ac3c7 rgb(42,195,199)
```

Similar Colors

Text with hexadecimal color #2ac7a4

This text has a font color of #2ac7a4.

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

#2ac7a4 background color

This paragraph has a background color of #2ac7a4.

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

#2ac7a4 border color

This element has a border color of #2ac7a4.

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

CSS codes

.text {color:#2ac7a4;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#041511
```
#041511 rgb(4,21,17)
```
#08251f
```
#08251f rgb(8,37,31)
```
#0b352c
```
#0b352c rgb(11,53,44)
```
#0f4539
```
#0f4539 rgb(15,69,57)
```
#125647
```
#125647 rgb(18,86,71)
```
#156654
```
#156654 rgb(21,102,84)
```
#197661
```
#197661 rgb(25,118,97)
```
#1c866f
```
#1c866f rgb(28,134,111)
```
#20967c
```
#20967c rgb(32,150,124)
```
#23a789
```
#23a789 rgb(35,167,137)
```
#27b797
```
#27b797 rgb(39,183,151)
```
#2ac7a4
```
#2ac7a4 rgb(42,199,164)
```

Shade Color Variation

#31d4af
```
#31d4af rgb(49,212,175)
```
#41d7b6
```
#41d7b6 rgb(65,215,182)
```
#51dabc
```
#51dabc rgb(81,218,188)
```
#62dec2
```
#62dec2 rgb(98,222,194)
```
#72e1c8
```
#72e1c8 rgb(114,225,200)
```
#82e5cf
```
#82e5cf rgb(130,229,207)
```
#92e8d5
```
#92e8d5 rgb(146,232,213)
```
#a2ebdb
```
#a2ebdb rgb(162,235,219)
```
#b3efe1
```
#b3efe1 rgb(179,239,225)
```
#c3f2e8
```
#c3f2e8 rgb(195,242,232)
```
#d3f6ee
```
#d3f6ee rgb(211,246,238)
```
#e3f9f4
```
#e3f9f4 rgb(227,249,244)
```
#f3fdfb
```
#f3fdfb rgb(243,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747d7b is the less saturated color, while #05ecb9 is the most saturated one.

#747d7b
```
#747d7b rgb(116,125,123)
```
#6b8680
```
#6b8680 rgb(107,134,128)
```
#628f85
```
#628f85 rgb(98,143,133)
```
#58998a
```
#58998a rgb(88,153,138)
```
#4fa28f
```
#4fa28f rgb(79,162,143)
```
#46ab95
```
#46ab95 rgb(70,171,149)
```
#3db49a
```
#3db49a rgb(61,180,154)
```
#33be9f
```
#33be9f rgb(51,190,159)
```
#2ac7a4
```
#2ac7a4 rgb(42,199,164)
```
#21d0a9
```
#21d0a9 rgb(33,208,169)
```
#17daae
```
#17daae rgb(23,218,174)
```
#0ee3b3
```
#0ee3b3 rgb(14,227,179)
```
#05ecb9
```
#05ecb9 rgb(5,236,185)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7f9e97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb49e Protanopia 1% of men
#c7afb2 Deuteranopia 1% of men
#53c3d2 Tritanopia 0.001% of the population

Trichromacy

#87bba0 Protanomaly 1% of men, 0.01% of women
#8db8ac Deuteranomaly 6% of men, 0.4% of women
#44c5c1 Tritanomaly 0.01% of the population

#2ac7a4 hex color

#2ac7a4 Color Information

#2ac7a4 Color Conversion

Color Schemes with #2ac7a4

Alternatives to #2ac7a4

#2ac7a4 Preview

Shades and Tints of #2ac7a4

Tones of #2ac7a4

Color Blindness Simulator