#2ac7b1 hex color

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

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

● #2ac7b1 color description : Strong cyan.

The hexadecimal color #2ac7b1 has RGB values of R:42, G:199, B:177 and CMYK values of C:0.79, M:0, Y:0.11, K:0.22. Its decimal value is 2803633.

Hex triplet	2ac7b1	`#2ac7b1`
RGB Decimal	42, 199, 177	`rgb(42,199,177)`
RGB Percent	16.5, 78, 69.4	`rgb(16.5%,78%,69.4%)`
CMYK	79, 0, 11, 22
HSL	171.6°, 65.1, 47.3	`hsl(171.6,65.1%,47.3%)`
HSV (or HSB)	171.6°, 78.9, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.568, -43.953, -0.183
XYZ	29.311, 44.511, 48.639
xyY	0.239, 0.363, 44.511
CIE-LCH	72.568, 43.953, 180.239
CIE-LUV	72.568, -55.415, 6.537
Hunter-Lab	66.716, -38.33, 3.476
Binary	00101010, 11000111, 10110001

#2ac7b1
```
#2ac7b1 rgb(42,199,177)
```
#c72a40
```
#c72a40 rgb(199,42,64)
```

Complementary Color

#2ac763
```
#2ac763 rgb(42,199,99)
```
#2ac7b1
```
#2ac7b1 rgb(42,199,177)
```
#2a8fc7
```
#2a8fc7 rgb(42,143,199)
```

Analogous Color

#c7632a
```
#c7632a rgb(199,99,42)
```
#2ac7b1
```
#2ac7b1 rgb(42,199,177)
```
#c72a8f
```
#c72a8f rgb(199,42,143)
```

Split Complementary Color

#c7b12a
```
#c7b12a rgb(199,177,42)
```
#2ac7b1
```
#2ac7b1 rgb(42,199,177)
```
#b12ac7
```
#b12ac7 rgb(177,42,199)
```

Triadic Color

#40c72a
```
#40c72a rgb(64,199,42)
```
#2ac7b1
```
#2ac7b1 rgb(42,199,177)
```
#b12ac7
```
#b12ac7 rgb(177,42,199)
```
#c72a40
```
#c72a40 rgb(199,42,64)
```

Tetradic Color

#1d8879
```
#1d8879 rgb(29,136,121)
```
#219d8c
```
#219d8c rgb(33,157,140)
```
#26b29e
```
#26b29e rgb(38,178,158)
```
#2ac7b1
```
#2ac7b1 rgb(42,199,177)
```
#36d5be
```
#36d5be rgb(54,213,190)
```
#4bd9c5
```
#4bd9c5 rgb(75,217,197)
```
#60ddcc
```
#60ddcc rgb(96,221,204)
```

Monochromatic Color

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

#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)
```
#2ab6c7
```
#2ab6c7 rgb(42,182,199)
```

Similar Colors

Text with hexadecimal color #2ac7b1

This text has a font color of #2ac7b1.

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

#2ac7b1 background color

This paragraph has a background color of #2ac7b1.

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

#2ac7b1 border color

This element has a border color of #2ac7b1.

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

CSS codes

.text {color:#2ac7b1;}

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

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

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)
```
#041513
```
#041513 rgb(4,21,19)
```
#082521
```
#082521 rgb(8,37,33)
```
#0b352f
```
#0b352f rgb(11,53,47)
```
#0f453e
```
#0f453e rgb(15,69,62)
```
#12564c
```
#12564c rgb(18,86,76)
```
#15665b
```
#15665b rgb(21,102,91)
```
#197669
```
#197669 rgb(25,118,105)
```
#1c8677
```
#1c8677 rgb(28,134,119)
```
#209686
```
#209686 rgb(32,150,134)
```
#23a794
```
#23a794 rgb(35,167,148)
```
#27b7a3
```
#27b7a3 rgb(39,183,163)
```
#2ac7b1
```
#2ac7b1 rgb(42,199,177)
```

Shade Color Variation

#31d4bd
```
#31d4bd rgb(49,212,189)
```
#41d7c2
```
#41d7c2 rgb(65,215,194)
```
#51dac7
```
#51dac7 rgb(81,218,199)
```
#62decc
```
#62decc rgb(98,222,204)
```
#72e1d2
```
#72e1d2 rgb(114,225,210)
```
#82e5d7
```
#82e5d7 rgb(130,229,215)
```
#92e8dc
```
#92e8dc rgb(146,232,220)
```
#a2ebe1
```
#a2ebe1 rgb(162,235,225)
```
#b3efe6
```
#b3efe6 rgb(179,239,230)
```
#c3f2ec
```
#c3f2ec rgb(195,242,236)
```
#d3f6f1
```
#d3f6f1 rgb(211,246,241)
```
#e3f9f6
```
#e3f9f6 rgb(227,249,246)
```
#f3fdfb
```
#f3fdfb rgb(243,253,251)
```

Tint Color Variation

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

#747d7c
```
#747d7c rgb(116,125,124)
```
#6b8682
```
#6b8682 rgb(107,134,130)
```
#628f89
```
#628f89 rgb(98,143,137)
```
#589990
```
#589990 rgb(88,153,144)
```
#4fa296
```
#4fa296 rgb(79,162,150)
```
#46ab9d
```
#46ab9d rgb(70,171,157)
```
#3db4a4
```
#3db4a4 rgb(61,180,164)
```
#33beaa
```
#33beaa rgb(51,190,170)
```
#2ac7b1
```
#2ac7b1 rgb(42,199,177)
```
#21d0b8
```
#21d0b8 rgb(33,208,184)
```
#17dabe
```
#17dabe rgb(23,218,190)
```
#0ee3c5
```
#0ee3c5 rgb(14,227,197)
```
#05eccc
```
#05eccc rgb(5,236,204)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#80a09b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb5aa Protanopia 1% of men
#c3b0be Deuteranopia 1% of men
#4ec5d3 Tritanopia 0.001% of the population

Trichromacy

#86bbac Protanomaly 1% of men, 0.01% of women
#8bb8b9 Deuteranomaly 6% of men, 0.4% of women
#40c5c7 Tritanomaly 0.01% of the population

#2ac7b1 hex color

#2ac7b1 Color Information

#2ac7b1 Color Conversion

Color Schemes with #2ac7b1

Alternatives to #2ac7b1

#2ac7b1 Preview

Shades and Tints of #2ac7b1

Tones of #2ac7b1

Color Blindness Simulator