#2ac7b8 hex color

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

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

● #2ac7b8 color description : Strong cyan.

The hexadecimal color #2ac7b8 has RGB values of R:42, G:199, B:184 and CMYK values of C:0.79, M:0, Y:0.08, K:0.22. Its decimal value is 2803640.

Hex triplet	2ac7b8	`#2ac7b8`
RGB Decimal	42, 199, 184	`rgb(42,199,184)`
RGB Percent	16.5, 78, 72.2	`rgb(16.5%,78%,72.2%)`
CMYK	79, 0, 8, 22
HSL	174.3°, 65.1, 47.3	`hsl(174.3,65.1%,47.3%)`
HSV (or HSB)	174.3°, 78.9, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.758, -42.042, -3.709
XYZ	30.027, 44.797, 52.409
xyY	0.236, 0.352, 44.797
CIE-LCH	72.758, 42.205, 185.041
CIE-LUV	72.758, -54.906, 0.852
Hunter-Lab	66.93, -37.047, 0.425
Binary	00101010, 11000111, 10111000

#2ac7b8
```
#2ac7b8 rgb(42,199,184)
```
#c72a39
```
#c72a39 rgb(199,42,57)
```

Complementary Color

#2ac76a
```
#2ac76a rgb(42,199,106)
```
#2ac7b8
```
#2ac7b8 rgb(42,199,184)
```
#2a88c7
```
#2a88c7 rgb(42,136,199)
```

Analogous Color

#c76a2a
```
#c76a2a rgb(199,106,42)
```
#2ac7b8
```
#2ac7b8 rgb(42,199,184)
```
#c72a88
```
#c72a88 rgb(199,42,136)
```

Split Complementary Color

#c7b82a
```
#c7b82a rgb(199,184,42)
```
#2ac7b8
```
#2ac7b8 rgb(42,199,184)
```
#b82ac7
```
#b82ac7 rgb(184,42,199)
```

Triadic Color

#39c72a
```
#39c72a rgb(57,199,42)
```
#2ac7b8
```
#2ac7b8 rgb(42,199,184)
```
#b82ac7
```
#b82ac7 rgb(184,42,199)
```
#c72a39
```
#c72a39 rgb(199,42,57)
```

Tetradic Color

#1d887e
```
#1d887e rgb(29,136,126)
```
#219d91
```
#219d91 rgb(33,157,145)
```
#26b2a5
```
#26b2a5 rgb(38,178,165)
```
#2ac7b8
```
#2ac7b8 rgb(42,199,184)
```
#36d5c5
```
#36d5c5 rgb(54,213,197)
```
#4bd9cb
```
#4bd9cb rgb(75,217,203)
```
#60ddd1
```
#60ddd1 rgb(96,221,209)
```

Monochromatic Color

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

#2ac791
```
#2ac791 rgb(42,199,145)
```
#2ac79e
```
#2ac79e rgb(42,199,158)
```
#2ac7ab
```
#2ac7ab rgb(42,199,171)
```
#2ac7b8
```
#2ac7b8 rgb(42,199,184)
```
#2ac7c5
```
#2ac7c5 rgb(42,199,197)
```
#2abcc7
```
#2abcc7 rgb(42,188,199)
```
#2aafc7
```
#2aafc7 rgb(42,175,199)
```

Similar Colors

Text with hexadecimal color #2ac7b8

This text has a font color of #2ac7b8.

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

#2ac7b8 background color

This paragraph has a background color of #2ac7b8.

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

#2ac7b8 border color

This element has a border color of #2ac7b8.

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

CSS codes

.text {color:#2ac7b8;}

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

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

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)
```
#041513
```
#041513 rgb(4,21,19)
```
#082522
```
#082522 rgb(8,37,34)
```
#0b3531
```
#0b3531 rgb(11,53,49)
```
#0f4540
```
#0f4540 rgb(15,69,64)
```
#12564f
```
#12564f rgb(18,86,79)
```
#15665e
```
#15665e rgb(21,102,94)
```
#19766d
```
#19766d rgb(25,118,109)
```
#1c867c
```
#1c867c rgb(28,134,124)
```
#20968b
```
#20968b rgb(32,150,139)
```
#23a79a
```
#23a79a rgb(35,167,154)
```
#27b7a9
```
#27b7a9 rgb(39,183,169)
```
#2ac7b8
```
#2ac7b8 rgb(42,199,184)
```

Shade Color Variation

#31d4c4
```
#31d4c4 rgb(49,212,196)
```
#41d7c9
```
#41d7c9 rgb(65,215,201)
```
#51dacd
```
#51dacd rgb(81,218,205)
```
#62ded2
```
#62ded2 rgb(98,222,210)
```
#72e1d7
```
#72e1d7 rgb(114,225,215)
```
#82e5db
```
#82e5db rgb(130,229,219)
```
#92e8e0
```
#92e8e0 rgb(146,232,224)
```
#a2ebe4
```
#a2ebe4 rgb(162,235,228)
```
#b3efe9
```
#b3efe9 rgb(179,239,233)
```
#c3f2ee
```
#c3f2ee rgb(195,242,238)
```
#d3f6f2
```
#d3f6f2 rgb(211,246,242)
```
#e3f9f7
```
#e3f9f7 rgb(227,249,247)
```
#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 #05ecd6 is the most saturated one.

#747d7c
```
#747d7c rgb(116,125,124)
```
#6b8684
```
#6b8684 rgb(107,134,132)
```
#628f8b
```
#628f8b rgb(98,143,139)
```
#589993
```
#589993 rgb(88,153,147)
```
#4fa29a
```
#4fa29a rgb(79,162,154)
```
#46aba2
```
#46aba2 rgb(70,171,162)
```
#3db4a9
```
#3db4a9 rgb(61,180,169)
```
#33beb1
```
#33beb1 rgb(51,190,177)
```
#2ac7b8
```
#2ac7b8 rgb(42,199,184)
```
#21d0bf
```
#21d0bf rgb(33,208,191)
```
#17dac7
```
#17dac7 rgb(23,218,199)
```
#0ee3ce
```
#0ee3ce rgb(14,227,206)
```
#05ecd6
```
#05ecd6 rgb(5,236,214)
```

Tone Color Variation

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

Dichromacy

#bab5b1 Protanopia 1% of men
#c0b1c4 Deuteranopia 1% of men
#4ac6d4 Tritanopia 0.001% of the population

Trichromacy

#86bbb3 Protanomaly 1% of men, 0.01% of women
#89b9bf Deuteranomaly 6% of men, 0.4% of women
#3ec6ca Tritanomaly 0.01% of the population

#2ac7b8 hex color

#2ac7b8 Color Information

#2ac7b8 Color Conversion

Color Schemes with #2ac7b8

Alternatives to #2ac7b8

#2ac7b8 Preview

Shades and Tints of #2ac7b8

Tones of #2ac7b8

Color Blindness Simulator