#2ad6c1 hex color

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

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

● #2ad6c1 color description : Strong cyan.

The hexadecimal color #2ad6c1 has RGB values of R:42, G:214, B:193 and CMYK values of C:0.8, M:0, Y:0.1, K:0.16. Its decimal value is 2807489.

Hex triplet	2ad6c1	`#2ad6c1`
RGB Decimal	42, 214, 193	`rgb(42,214,193)`
RGB Percent	16.5, 83.9, 75.7	`rgb(16.5%,83.9%,75.7%)`
CMYK	80, 0, 10, 16
HSL	172.7°, 67.7, 50.2	`hsl(172.7,67.7%,50.2%)`
HSV (or HSB)	172.7°, 80.4, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.539, -46.09, -1.544
XYZ	34.624, 52.432, 58.745
xyY	0.237, 0.36, 52.432
CIE-LCH	77.539, 46.116, 181.918
CIE-LUV	77.539, -59.447, 4.85
Hunter-Lab	72.41, -41.366, 2.586
Binary	00101010, 11010110, 11000001

#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```
#d62a3f
```
#d62a3f rgb(214,42,63)
```

Complementary Color

#2ad66b
```
#2ad66b rgb(42,214,107)
```
#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```
#2a95d6
```
#2a95d6 rgb(42,149,214)
```

Analogous Color

#d66b2a
```
#d66b2a rgb(214,107,42)
```
#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```
#d62a95
```
#d62a95 rgb(214,42,149)
```

Split Complementary Color

#d6c12a
```
#d6c12a rgb(214,193,42)
```
#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```
#c12ad6
```
#c12ad6 rgb(193,42,214)
```

Triadic Color

#3fd62a
```
#3fd62a rgb(63,214,42)
```
#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```
#c12ad6
```
#c12ad6 rgb(193,42,214)
```
#d62a3f
```
#d62a3f rgb(214,42,63)
```

Tetradic Color

#1d9788
```
#1d9788 rgb(29,151,136)
```
#21ac9b
```
#21ac9b rgb(33,172,155)
```
#25c1ae
```
#25c1ae rgb(37,193,174)
```
#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```
#3fdac7
```
#3fdac7 rgb(63,218,199)
```
#55decd
```
#55decd rgb(85,222,205)
```
#6ae2d4
```
#6ae2d4 rgb(106,226,212)
```

Monochromatic Color

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

#2ad696
```
#2ad696 rgb(42,214,150)
```
#2ad6a4
```
#2ad6a4 rgb(42,214,164)
```
#2ad6b3
```
#2ad6b3 rgb(42,214,179)
```
#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```
#2ad6cf
```
#2ad6cf rgb(42,214,207)
```
#2aced6
```
#2aced6 rgb(42,206,214)
```
#2ac0d6
```
#2ac0d6 rgb(42,192,214)
```

Similar Colors

Text with hexadecimal color #2ad6c1

This text has a font color of #2ad6c1.

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

#2ad6c1 background color

This paragraph has a background color of #2ad6c1.

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

#2ad6c1 border color

This element has a border color of #2ad6c1.

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

CSS codes

.text {color:#2ad6c1;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031110
```
#031110 rgb(3,17,16)
```
#06221e
```
#06221e rgb(6,34,30)
```
#0a322d
```
#0a322d rgb(10,50,45)
```
#0d433c
```
#0d433c rgb(13,67,60)
```
#10534b
```
#10534b rgb(16,83,75)
```
#13645a
```
#13645a rgb(19,100,90)
```
#167469
```
#167469 rgb(22,116,105)
```
#198477
```
#198477 rgb(25,132,119)
```
#1d9586
```
#1d9586 rgb(29,149,134)
```
#20a595
```
#20a595 rgb(32,165,149)
```
#23b6a4
```
#23b6a4 rgb(35,182,164)
```
#26c6b3
```
#26c6b3 rgb(38,198,179)
```

Shade Color Variation

#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```
#3ad9c6
```
#3ad9c6 rgb(58,217,198)
```
#4bdccb
```
#4bdccb rgb(75,220,203)
```
#5bdfcf
```
#5bdfcf rgb(91,223,207)
```
#6ce3d4
```
#6ce3d4 rgb(108,227,212)
```
#7ce6d9
```
#7ce6d9 rgb(124,230,217)
```
#8de9de
```
#8de9de rgb(141,233,222)
```
#9dece3
```
#9dece3 rgb(157,236,227)
```
#aeefe7
```
#aeefe7 rgb(174,239,231)
```
#bef2ec
```
#bef2ec rgb(190,242,236)
```
#cef6f1
```
#cef6f1 rgb(206,246,241)
```
#dff9f6
```
#dff9f6 rgb(223,249,246)
```
#effcfa
```
#effcfa rgb(239,252,250)
```

Tint Color Variation

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

#788886
```
#788886 rgb(120,136,134)
```
#6e928d
```
#6e928d rgb(110,146,141)
```
#659b95
```
#659b95 rgb(101,155,149)
```
#5ba59c
```
#5ba59c rgb(91,165,156)
```
#51afa3
```
#51afa3 rgb(81,175,163)
```
#47b9ab
```
#47b9ab rgb(71,185,171)
```
#3ec2b2
```
#3ec2b2 rgb(62,194,178)
```
#34ccba
```
#34ccba rgb(52,204,186)
```
#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```
#20e0c8
```
#20e0c8 rgb(32,224,200)
```
#16ead0
```
#16ead0 rgb(22,234,208)
```
#0df3d7
```
#0df3d7 rgb(13,243,215)
```
#03fddf
```
#03fddf rgb(3,253,223)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#88aba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c2b8 Protanopia 1% of men
#cfbdcd Deuteranopia 1% of men
#50d3e2 Tritanopia 0.001% of the population

Trichromacy

#8ec9bb Protanomaly 1% of men, 0.01% of women
#93c6c9 Deuteranomaly 6% of men, 0.4% of women
#42d4d6 Tritanomaly 0.01% of the population

#2ad6c1 hex color

#2ad6c1 Color Information

#2ad6c1 Color Conversion

Color Schemes with #2ad6c1

Alternatives to #2ad6c1

#2ad6c1 Preview

Shades and Tints of #2ad6c1

Tones of #2ad6c1

Color Blindness Simulator