#2ac7a0 hex color

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

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

● #2ac7a0 color description : Strong cyan.

The hexadecimal color #2ac7a0 has RGB values of R:42, G:199, B:160 and CMYK values of C:0.79, M:0, Y:0.2, K:0.22. Its decimal value is 2803616.

Hex triplet	2ac7a0	`#2ac7a0`
RGB Decimal	42, 199, 160	`rgb(42,199,160)`
RGB Percent	16.5, 78, 62.7	`rgb(16.5%,78%,62.7%)`
CMYK	79, 0, 20, 22
HSL	165.1°, 65.1, 47.3	`hsl(165.1,65.1%,47.3%)`
HSV (or HSB)	165.1°, 78.9, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.144, -48.349, 8.42
XYZ	27.721, 43.874, 40.263
xyY	0.248, 0.392, 43.874
CIE-LCH	72.144, 49.077, 170.121
CIE-LUV	72.144, -56.623, 19.879
Hunter-Lab	66.238, -41.212, 10.326
Binary	00101010, 11000111, 10100000

#2ac7a0
```
#2ac7a0 rgb(42,199,160)
```
#c72a51
```
#c72a51 rgb(199,42,81)
```

Complementary Color

#2ac752
```
#2ac752 rgb(42,199,82)
```
#2ac7a0
```
#2ac7a0 rgb(42,199,160)
```
#2aa0c7
```
#2aa0c7 rgb(42,160,199)
```

Analogous Color

#c7522a
```
#c7522a rgb(199,82,42)
```
#2ac7a0
```
#2ac7a0 rgb(42,199,160)
```
#c72aa0
```
#c72aa0 rgb(199,42,160)
```

Split Complementary Color

#c7a02a
```
#c7a02a rgb(199,160,42)
```
#2ac7a0
```
#2ac7a0 rgb(42,199,160)
```
#a02ac7
```
#a02ac7 rgb(160,42,199)
```

Triadic Color

#51c72a
```
#51c72a rgb(81,199,42)
```
#2ac7a0
```
#2ac7a0 rgb(42,199,160)
```
#a02ac7
```
#a02ac7 rgb(160,42,199)
```
#c72a51
```
#c72a51 rgb(199,42,81)
```

Tetradic Color

#1d886d
```
#1d886d rgb(29,136,109)
```
#219d7e
```
#219d7e rgb(33,157,126)
```
#26b28f
```
#26b28f rgb(38,178,143)
```
#2ac7a0
```
#2ac7a0 rgb(42,199,160)
```
#36d5ad
```
#36d5ad rgb(54,213,173)
```
#4bd9b6
```
#4bd9b6 rgb(75,217,182)
```
#60ddbe
```
#60ddbe rgb(96,221,190)
```

Monochromatic Color

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

#2ac779
```
#2ac779 rgb(42,199,121)
```
#2ac786
```
#2ac786 rgb(42,199,134)
```
#2ac793
```
#2ac793 rgb(42,199,147)
```
#2ac7a0
```
#2ac7a0 rgb(42,199,160)
```
#2ac7ad
```
#2ac7ad rgb(42,199,173)
```
#2ac7ba
```
#2ac7ba rgb(42,199,186)
```
#2ac7c7
```
#2ac7c7 rgb(42,199,199)
```

Similar Colors

Text with hexadecimal color #2ac7a0

This text has a font color of #2ac7a0.

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

#2ac7a0 background color

This paragraph has a background color of #2ac7a0.

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

#2ac7a0 border color

This element has a border color of #2ac7a0.

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

CSS codes

.text {color:#2ac7a0;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#041511
```
#041511 rgb(4,21,17)
```
#08251e
```
#08251e rgb(8,37,30)
```
#0b352b
```
#0b352b rgb(11,53,43)
```
#0f4538
```
#0f4538 rgb(15,69,56)
```
#125645
```
#125645 rgb(18,86,69)
```
#156652
```
#156652 rgb(21,102,82)
```
#19765f
```
#19765f rgb(25,118,95)
```
#1c866c
```
#1c866c rgb(28,134,108)
```
#209679
```
#209679 rgb(32,150,121)
```
#23a786
```
#23a786 rgb(35,167,134)
```
#27b793
```
#27b793 rgb(39,183,147)
```
#2ac7a0
```
#2ac7a0 rgb(42,199,160)
```

Shade Color Variation

#31d4ab
```
#31d4ab rgb(49,212,171)
```
#41d7b2
```
#41d7b2 rgb(65,215,178)
```
#51dab8
```
#51dab8 rgb(81,218,184)
```
#62debf
```
#62debf rgb(98,222,191)
```
#72e1c6
```
#72e1c6 rgb(114,225,198)
```
#82e5cc
```
#82e5cc rgb(130,229,204)
```
#92e8d3
```
#92e8d3 rgb(146,232,211)
```
#a2ebd9
```
#a2ebd9 rgb(162,235,217)
```
#b3efe0
```
#b3efe0 rgb(179,239,224)
```
#c3f2e7
```
#c3f2e7 rgb(195,242,231)
```
#d3f6ed
```
#d3f6ed rgb(211,246,237)
```
#e3f9f4
```
#e3f9f4 rgb(227,249,244)
```
#f3fdfa
```
#f3fdfa rgb(243,253,250)
```

Tint Color Variation

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

#747d7b
```
#747d7b rgb(116,125,123)
```
#6b867f
```
#6b867f rgb(107,134,127)
```
#628f84
```
#628f84 rgb(98,143,132)
```
#589989
```
#589989 rgb(88,153,137)
```
#4fa28d
```
#4fa28d rgb(79,162,141)
```
#46ab92
```
#46ab92 rgb(70,171,146)
```
#3db497
```
#3db497 rgb(61,180,151)
```
#33be9b
```
#33be9b rgb(51,190,155)
```
#2ac7a0
```
#2ac7a0 rgb(42,199,160)
```
#21d0a5
```
#21d0a5 rgb(33,208,165)
```
#17daa9
```
#17daa9 rgb(23,218,169)
```
#0ee3ae
```
#0ee3ae rgb(14,227,174)
```
#05ecb3
```
#05ecb3 rgb(5,236,179)
```

Tone Color Variation

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

Dichromacy

#beb49a Protanopia 1% of men
#c8afae Deuteranopia 1% of men
#54c3d1 Tritanopia 0.001% of the population

Trichromacy

#88bb9c Protanomaly 1% of men, 0.01% of women
#8eb7a9 Deuteranomaly 6% of men, 0.4% of women
#45c4bf Tritanomaly 0.01% of the population

#2ac7a0 hex color

#2ac7a0 Color Information

#2ac7a0 Color Conversion

Color Schemes with #2ac7a0

Alternatives to #2ac7a0

#2ac7a0 Preview

Shades and Tints of #2ac7a0

Tones of #2ac7a0

Color Blindness Simulator