#2ad6ce hex color

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

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

● #2ad6ce color description : Strong cyan.

The hexadecimal color #2ad6ce has RGB values of R:42, G:214, B:206 and CMYK values of C:0.8, M:0, Y:0.04, K:0.16. Its decimal value is 2807502.

Hex triplet	2ad6ce	`#2ad6ce`
RGB Decimal	42, 214, 206	`rgb(42,214,206)`
RGB Percent	16.5, 83.9, 80.8	`rgb(16.5%,83.9%,80.8%)`
CMYK	80, 0, 4, 16
HSL	177.2°, 67.7, 50.2	`hsl(177.2,67.7%,50.2%)`
HSV (or HSB)	177.2°, 80.4, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.897, -42.504, -7.984
XYZ	36.138, 53.038, 66.722
xyY	0.232, 0.34, 53.038
CIE-LCH	77.897, 43.247, 190.639
CIE-LUV	77.897, -58.483, -5.812
Hunter-Lab	72.827, -38.872, -3.34
Binary	00101010, 11010110, 11001110

#2ad6ce
```
#2ad6ce rgb(42,214,206)
```
#d62a32
```
#d62a32 rgb(214,42,50)
```

Complementary Color

#2ad678
```
#2ad678 rgb(42,214,120)
```
#2ad6ce
```
#2ad6ce rgb(42,214,206)
```
#2a88d6
```
#2a88d6 rgb(42,136,214)
```

Analogous Color

#d6782a
```
#d6782a rgb(214,120,42)
```
#2ad6ce
```
#2ad6ce rgb(42,214,206)
```
#d62a88
```
#d62a88 rgb(214,42,136)
```

Split Complementary Color

#d6ce2a
```
#d6ce2a rgb(214,206,42)
```
#2ad6ce
```
#2ad6ce rgb(42,214,206)
```
#ce2ad6
```
#ce2ad6 rgb(206,42,214)
```

Triadic Color

#32d62a
```
#32d62a rgb(50,214,42)
```
#2ad6ce
```
#2ad6ce rgb(42,214,206)
```
#ce2ad6
```
#ce2ad6 rgb(206,42,214)
```
#d62a32
```
#d62a32 rgb(214,42,50)
```

Tetradic Color

#1d9791
```
#1d9791 rgb(29,151,145)
```
#21aca5
```
#21aca5 rgb(33,172,165)
```
#25c1ba
```
#25c1ba rgb(37,193,186)
```
#2ad6ce
```
#2ad6ce rgb(42,214,206)
```
#3fdad3
```
#3fdad3 rgb(63,218,211)
```
#55ded8
```
#55ded8 rgb(85,222,216)
```
#6ae2dd
```
#6ae2dd rgb(106,226,221)
```

Monochromatic Color

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

#2ad6a3
```
#2ad6a3 rgb(42,214,163)
```
#2ad6b1
```
#2ad6b1 rgb(42,214,177)
```
#2ad6c0
```
#2ad6c0 rgb(42,214,192)
```
#2ad6ce
```
#2ad6ce rgb(42,214,206)
```
#2ad0d6
```
#2ad0d6 rgb(42,208,214)
```
#2ac1d6
```
#2ac1d6 rgb(42,193,214)
```
#2ab3d6
```
#2ab3d6 rgb(42,179,214)
```

Similar Colors

Text with hexadecimal color #2ad6ce

This text has a font color of #2ad6ce.

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

#2ad6ce background color

This paragraph has a background color of #2ad6ce.

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

#2ad6ce border color

This element has a border color of #2ad6ce.

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

CSS codes

.text {color:#2ad6ce;}

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

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

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)
```
#031111
```
#031111 rgb(3,17,17)
```
#062220
```
#062220 rgb(6,34,32)
```
#0a3230
```
#0a3230 rgb(10,50,48)
```
#0d4340
```
#0d4340 rgb(13,67,64)
```
#105350
```
#105350 rgb(16,83,80)
```
#136460
```
#136460 rgb(19,100,96)
```
#167470
```
#167470 rgb(22,116,112)
```
#19847f
```
#19847f rgb(25,132,127)
```
#1d958f
```
#1d958f rgb(29,149,143)
```
#20a59f
```
#20a59f rgb(32,165,159)
```
#23b6af
```
#23b6af rgb(35,182,175)
```
#26c6bf
```
#26c6bf rgb(38,198,191)
```

Shade Color Variation

#2ad6ce
```
#2ad6ce rgb(42,214,206)
```
#3ad9d2
```
#3ad9d2 rgb(58,217,210)
```
#4bdcd6
```
#4bdcd6 rgb(75,220,214)
```
#5bdfd9
```
#5bdfd9 rgb(91,223,217)
```
#6ce3dd
```
#6ce3dd rgb(108,227,221)
```
#7ce6e1
```
#7ce6e1 rgb(124,230,225)
```
#8de9e5
```
#8de9e5 rgb(141,233,229)
```
#9dece8
```
#9dece8 rgb(157,236,232)
```
#aeefec
```
#aeefec rgb(174,239,236)
```
#bef2f0
```
#bef2f0 rgb(190,242,240)
```
#cef6f4
```
#cef6f4 rgb(206,246,244)
```
#dff9f8
```
#dff9f8 rgb(223,249,248)
```
#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 #03fdf1 is the most saturated one.

#788887
```
#788887 rgb(120,136,135)
```
#6e9290
```
#6e9290 rgb(110,146,144)
```
#659b99
```
#659b99 rgb(101,155,153)
```
#5ba5a2
```
#5ba5a2 rgb(91,165,162)
```
#51afab
```
#51afab rgb(81,175,171)
```
#47b9b3
```
#47b9b3 rgb(71,185,179)
```
#3ec2bc
```
#3ec2bc rgb(62,194,188)
```
#34ccc5
```
#34ccc5 rgb(52,204,197)
```
#2ad6ce
```
#2ad6ce rgb(42,214,206)
```
#20e0d7
```
#20e0d7 rgb(32,224,215)
```
#16eae0
```
#16eae0 rgb(22,234,224)
```
#0df3e9
```
#0df3e9 rgb(13,243,233)
```
#03fdf1
```
#03fdf1 rgb(3,253,241)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8aacab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c2c4 Protanopia 1% of men
#cbbfd9 Deuteranopia 1% of men
#49d4e4 Tritanopia 0.001% of the population

Trichromacy

#8dc9c8 Protanomaly 1% of men, 0.01% of women
#90c7d5 Deuteranomaly 6% of men, 0.4% of women
#3dd5dc Tritanomaly 0.01% of the population

#2ad6ce hex color

#2ad6ce Color Information

#2ad6ce Color Conversion

Color Schemes with #2ad6ce

Alternatives to #2ad6ce

#2ad6ce Preview

Shades and Tints of #2ad6ce

Tones of #2ad6ce

Color Blindness Simulator