#2ac7bd hex color

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

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

● #2ac7bd color description : Strong cyan.

The hexadecimal color #2ac7bd has RGB values of R:42, G:199, B:189 and CMYK values of C:0.79, M:0, Y:0.05, K:0.22. Its decimal value is 2803645.

Hex triplet	2ac7bd	`#2ac7bd`
RGB Decimal	42, 199, 189	`rgb(42,199,189)`
RGB Percent	16.5, 78, 74.1	`rgb(16.5%,78%,74.1%)`
CMYK	79, 0, 5, 22
HSL	176.2°, 65.1, 47.3	`hsl(176.2,65.1%,47.3%)`
HSV (or HSB)	176.2°, 78.9, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.899, -40.644, -6.218
XYZ	30.561, 45.01, 55.218
xyY	0.234, 0.344, 45.01
CIE-LCH	72.899, 41.117, 188.698
CIE-LUV	72.899, -54.541, -3.265
Hunter-Lab	67.09, -36.097, -1.836
Binary	00101010, 11000111, 10111101

#2ac7bd
```
#2ac7bd rgb(42,199,189)
```
#c72a34
```
#c72a34 rgb(199,42,52)
```

Complementary Color

#2ac76f
```
#2ac76f rgb(42,199,111)
```
#2ac7bd
```
#2ac7bd rgb(42,199,189)
```
#2a83c7
```
#2a83c7 rgb(42,131,199)
```

Analogous Color

#c76f2a
```
#c76f2a rgb(199,111,42)
```
#2ac7bd
```
#2ac7bd rgb(42,199,189)
```
#c72a83
```
#c72a83 rgb(199,42,131)
```

Split Complementary Color

#c7bd2a
```
#c7bd2a rgb(199,189,42)
```
#2ac7bd
```
#2ac7bd rgb(42,199,189)
```
#bd2ac7
```
#bd2ac7 rgb(189,42,199)
```

Triadic Color

#34c72a
```
#34c72a rgb(52,199,42)
```
#2ac7bd
```
#2ac7bd rgb(42,199,189)
```
#bd2ac7
```
#bd2ac7 rgb(189,42,199)
```
#c72a34
```
#c72a34 rgb(199,42,52)
```

Tetradic Color

#1d8881
```
#1d8881 rgb(29,136,129)
```
#219d95
```
#219d95 rgb(33,157,149)
```
#26b2a9
```
#26b2a9 rgb(38,178,169)
```
#2ac7bd
```
#2ac7bd rgb(42,199,189)
```
#36d5ca
```
#36d5ca rgb(54,213,202)
```
#4bd9d0
```
#4bd9d0 rgb(75,217,208)
```
#60ddd5
```
#60ddd5 rgb(96,221,213)
```

Monochromatic Color

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

#2ac796
```
#2ac796 rgb(42,199,150)
```
#2ac7a3
```
#2ac7a3 rgb(42,199,163)
```
#2ac7b0
```
#2ac7b0 rgb(42,199,176)
```
#2ac7bd
```
#2ac7bd rgb(42,199,189)
```
#2ac4c7
```
#2ac4c7 rgb(42,196,199)
```
#2ab7c7
```
#2ab7c7 rgb(42,183,199)
```
#2aaac7
```
#2aaac7 rgb(42,170,199)
```

Similar Colors

Text with hexadecimal color #2ac7bd

This text has a font color of #2ac7bd.

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

#2ac7bd background color

This paragraph has a background color of #2ac7bd.

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

#2ac7bd border color

This element has a border color of #2ac7bd.

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

CSS codes

.text {color:#2ac7bd;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#041514
```
#041514 rgb(4,21,20)
```
#082523
```
#082523 rgb(8,37,35)
```
#0b3533
```
#0b3533 rgb(11,53,51)
```
#0f4542
```
#0f4542 rgb(15,69,66)
```
#125651
```
#125651 rgb(18,86,81)
```
#156661
```
#156661 rgb(21,102,97)
```
#197670
```
#197670 rgb(25,118,112)
```
#1c867f
```
#1c867f rgb(28,134,127)
```
#20968f
```
#20968f rgb(32,150,143)
```
#23a79e
```
#23a79e rgb(35,167,158)
```
#27b7ae
```
#27b7ae rgb(39,183,174)
```
#2ac7bd
```
#2ac7bd rgb(42,199,189)
```

Shade Color Variation

#31d4c9
```
#31d4c9 rgb(49,212,201)
```
#41d7cd
```
#41d7cd rgb(65,215,205)
```
#51dad2
```
#51dad2 rgb(81,218,210)
```
#62ded6
```
#62ded6 rgb(98,222,214)
```
#72e1da
```
#72e1da rgb(114,225,218)
```
#82e5de
```
#82e5de rgb(130,229,222)
```
#92e8e3
```
#92e8e3 rgb(146,232,227)
```
#a2ebe7
```
#a2ebe7 rgb(162,235,231)
```
#b3efeb
```
#b3efeb rgb(179,239,235)
```
#c3f2ef
```
#c3f2ef rgb(195,242,239)
```
#d3f6f4
```
#d3f6f4 rgb(211,246,244)
```
#e3f9f8
```
#e3f9f8 rgb(227,249,248)
```
#f3fdfc
```
#f3fdfc rgb(243,253,252)
```

Tint Color Variation

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

#747d7c
```
#747d7c rgb(116,125,124)
```
#6b8684
```
#6b8684 rgb(107,134,132)
```
#628f8c
```
#628f8c rgb(98,143,140)
```
#589995
```
#589995 rgb(88,153,149)
```
#4fa29d
```
#4fa29d rgb(79,162,157)
```
#46aba5
```
#46aba5 rgb(70,171,165)
```
#3db4ad
```
#3db4ad rgb(61,180,173)
```
#33beb5
```
#33beb5 rgb(51,190,181)
```
#2ac7bd
```
#2ac7bd rgb(42,199,189)
```
#21d0c5
```
#21d0c5 rgb(33,208,197)
```
#17dacd
```
#17dacd rgb(23,218,205)
```
#0ee3d5
```
#0ee3d5 rgb(14,227,213)
```
#05ecdd
```
#05ecdd rgb(5,236,221)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#81a19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab5b5 Protanopia 1% of men
#beb2c9 Deuteranopia 1% of men
#48c6d5 Tritanopia 0.001% of the population

Trichromacy

#85bcb8 Protanomaly 1% of men, 0.01% of women
#88b9c4 Deuteranomaly 6% of men, 0.4% of women
#3dc6cc Tritanomaly 0.01% of the population

#2ac7bd hex color

#2ac7bd Color Information

#2ac7bd Color Conversion

Color Schemes with #2ac7bd

Alternatives to #2ac7bd

#2ac7bd Preview

Shades and Tints of #2ac7bd

Tones of #2ac7bd

Color Blindness Simulator