#2ad6cc hex color

In a RGB color space, hex #2ad6cc is composed of 16.5% red, 83.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 0% magenta, 4.7% yellow and 16.1% black. It has a hue angle of 176.5 degrees, a saturation of 67.7% and a lightness of 50.2%. #2ad6cc color hex could be obtained by blending #54ffff with #00ad99. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 84
- B 80
RGB color chart
- C 80
- M 0
- Y 5
- K 16
CMYK color chart

● #2ad6cc color description : Strong cyan.

The hexadecimal color #2ad6cc has RGB values of R:42, G:214, B:204 and CMYK values of C:0.8, M:0, Y:0.05, K:0.16. Its decimal value is 2807500.

Hex triplet	2ad6cc	`#2ad6cc`
RGB Decimal	42, 214, 204	`rgb(42,214,204)`
RGB Percent	16.5, 83.9, 80	`rgb(16.5%,83.9%,80%)`
CMYK	80, 0, 5, 16
HSL	176.5°, 67.7, 50.2	`hsl(176.5,67.7%,50.2%)`
HSV (or HSB)	176.5°, 80.4, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.84, -43.067, -6.996
XYZ	35.897, 52.941, 65.45
xyY	0.233, 0.343, 52.941
CIE-LCH	77.84, 43.631, 189.227
CIE-LUV	77.84, -58.632, -4.154
Hunter-Lab	72.761, -39.268, -2.4
Binary	00101010, 11010110, 11001100

#2ad6cc
```
#2ad6cc rgb(42,214,204)
```
#d62a34
```
#d62a34 rgb(214,42,52)
```

Complementary Color

#2ad676
```
#2ad676 rgb(42,214,118)
```
#2ad6cc
```
#2ad6cc rgb(42,214,204)
```
#2a8ad6
```
#2a8ad6 rgb(42,138,214)
```

Analogous Color

#d6762a
```
#d6762a rgb(214,118,42)
```
#2ad6cc
```
#2ad6cc rgb(42,214,204)
```
#d62a8a
```
#d62a8a rgb(214,42,138)
```

Split Complementary Color

#d6cc2a
```
#d6cc2a rgb(214,204,42)
```
#2ad6cc
```
#2ad6cc rgb(42,214,204)
```
#cc2ad6
```
#cc2ad6 rgb(204,42,214)
```

Triadic Color

#34d62a
```
#34d62a rgb(52,214,42)
```
#2ad6cc
```
#2ad6cc rgb(42,214,204)
```
#cc2ad6
```
#cc2ad6 rgb(204,42,214)
```
#d62a34
```
#d62a34 rgb(214,42,52)
```

Tetradic Color

#1d978f
```
#1d978f rgb(29,151,143)
```
#21aca4
```
#21aca4 rgb(33,172,164)
```
#25c1b8
```
#25c1b8 rgb(37,193,184)
```
#2ad6cc
```
#2ad6cc rgb(42,214,204)
```
#3fdad1
```
#3fdad1 rgb(63,218,209)
```
#55ded6
```
#55ded6 rgb(85,222,214)
```
#6ae2db
```
#6ae2db rgb(106,226,219)
```

Monochromatic Color

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

#2ad6a1
```
#2ad6a1 rgb(42,214,161)
```
#2ad6af
```
#2ad6af rgb(42,214,175)
```
#2ad6be
```
#2ad6be rgb(42,214,190)
```
#2ad6cc
```
#2ad6cc rgb(42,214,204)
```
#2ad2d6
```
#2ad2d6 rgb(42,210,214)
```
#2ac3d6
```
#2ac3d6 rgb(42,195,214)
```
#2ab5d6
```
#2ab5d6 rgb(42,181,214)
```

Similar Colors

Text with hexadecimal color #2ad6cc

This text has a font color of #2ad6cc.

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

#2ad6cc background color

This paragraph has a background color of #2ad6cc.

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

#2ad6cc border color

This element has a border color of #2ad6cc.

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

CSS codes

.text {color:#2ad6cc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031110
```
#031110 rgb(3,17,16)
```
#062220
```
#062220 rgb(6,34,32)
```
#0a3230
```
#0a3230 rgb(10,50,48)
```
#0d4340
```
#0d4340 rgb(13,67,64)
```
#10534f
```
#10534f rgb(16,83,79)
```
#13645f
```
#13645f rgb(19,100,95)
```
#16746f
```
#16746f rgb(22,116,111)
```
#19847e
```
#19847e rgb(25,132,126)
```
#1d958e
```
#1d958e rgb(29,149,142)
```
#20a59e
```
#20a59e rgb(32,165,158)
```
#23b6ad
```
#23b6ad rgb(35,182,173)
```
#26c6bd
```
#26c6bd rgb(38,198,189)
```

Shade Color Variation

#2ad6cc
```
#2ad6cc rgb(42,214,204)
```
#3ad9d0
```
#3ad9d0 rgb(58,217,208)
```
#4bdcd4
```
#4bdcd4 rgb(75,220,212)
```
#5bdfd8
```
#5bdfd8 rgb(91,223,216)
```
#6ce3dc
```
#6ce3dc rgb(108,227,220)
```
#7ce6e0
```
#7ce6e0 rgb(124,230,224)
```
#8de9e4
```
#8de9e4 rgb(141,233,228)
```
#9dece8
```
#9dece8 rgb(157,236,232)
```
#aeefec
```
#aeefec rgb(174,239,236)
```
#bef2ef
```
#bef2ef rgb(190,242,239)
```
#cef6f3
```
#cef6f3 rgb(206,246,243)
```
#dff9f7
```
#dff9f7 rgb(223,249,247)
```
#effcfb
```
#effcfb rgb(239,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788887 is the less saturated color, while #03fdef is the most saturated one.

#788887
```
#788887 rgb(120,136,135)
```
#6e9290
```
#6e9290 rgb(110,146,144)
```
#659b98
```
#659b98 rgb(101,155,152)
```
#5ba5a1
```
#5ba5a1 rgb(91,165,161)
```
#51afa9
```
#51afa9 rgb(81,175,169)
```
#47b9b2
```
#47b9b2 rgb(71,185,178)
```
#3ec2bb
```
#3ec2bb rgb(62,194,187)
```
#34ccc3
```
#34ccc3 rgb(52,204,195)
```
#2ad6cc
```
#2ad6cc rgb(42,214,204)
```
#20e0d5
```
#20e0d5 rgb(32,224,213)
```
#16eadd
```
#16eadd rgb(22,234,221)
```
#0df3e6
```
#0df3e6 rgb(13,243,230)
```
#03fdef
```
#03fdef rgb(3,253,239)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#89acaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c2c3 Protanopia 1% of men
#cbbed7 Deuteranopia 1% of men
#4ad4e4 Tritanopia 0.001% of the population

Trichromacy

#8dc9c6 Protanomaly 1% of men, 0.01% of women
#91c7d3 Deuteranomaly 6% of men, 0.4% of women
#3ed5db Tritanomaly 0.01% of the population

#2ad6cc hex color

#2ad6cc Color Information

#2ad6cc Color Conversion

Color Schemes with #2ad6cc

Alternatives to #2ad6cc

#2ad6cc Preview

Shades and Tints of #2ad6cc

Tones of #2ad6cc

Color Blindness Simulator