#2ad7d4 hex color

In a RGB color space, hex #2ad7d4 is composed of 16.5% red, 84.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 0% magenta, 1.4% yellow and 15.7% black. It has a hue angle of 179 degrees, a saturation of 68.4% and a lightness of 50.4%. #2ad7d4 color hex could be obtained by blending #54ffff with #00afa9. Closest websafe color is: #33cccc.

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

● #2ad7d4 color description : Strong cyan.

The hexadecimal color #2ad7d4 has RGB values of R:42, G:215, B:212 and CMYK values of C:0.8, M:0, Y:0.01, K:0.16. Its decimal value is 2807764.

Hex triplet	2ad7d4	`#2ad7d4`
RGB Decimal	42, 215, 212	`rgb(42,215,212)`
RGB Percent	16.5, 84.3, 83.1	`rgb(16.5%,84.3%,83.1%)`
CMYK	80, 0, 1, 16
HSL	179°, 68.4, 50.4	`hsl(179,68.4%,50.4%)`
HSV (or HSB)	179°, 80.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.37, -41.241, -10.496
XYZ	37.135, 53.843, 70.719
xyY	0.23, 0.333, 53.843
CIE-LCH	78.37, 42.555, 194.279
CIE-LUV	78.37, -58.379, -10.04
Hunter-Lab	73.378, -38.075, -5.778
Binary	00101010, 11010111, 11010100

#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#d72a2d
```
#d72a2d rgb(215,42,45)
```

Complementary Color

#2ad77e
```
#2ad77e rgb(42,215,126)
```
#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#2a84d7
```
#2a84d7 rgb(42,132,215)
```

Analogous Color

#d77e2a
```
#d77e2a rgb(215,126,42)
```
#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#d72a84
```
#d72a84 rgb(215,42,132)
```

Split Complementary Color

#d7d42a
```
#d7d42a rgb(215,212,42)
```
#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#d42ad7
```
#d42ad7 rgb(212,42,215)
```

Triadic Color

#2dd72a
```
#2dd72a rgb(45,215,42)
```
#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#d42ad7
```
#d42ad7 rgb(212,42,215)
```
#d72a2d
```
#d72a2d rgb(215,42,45)
```

Tetradic Color

#1d9896
```
#1d9896 rgb(29,152,150)
```
#21adab
```
#21adab rgb(33,173,171)
```
#25c3c0
```
#25c3c0 rgb(37,195,192)
```
#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#3fdbd8
```
#3fdbd8 rgb(63,219,216)
```
#55dfdd
```
#55dfdd rgb(85,223,221)
```
#6ae3e1
```
#6ae3e1 rgb(106,227,225)
```

Monochromatic Color

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

#2ad7a9
```
#2ad7a9 rgb(42,215,169)
```
#2ad7b7
```
#2ad7b7 rgb(42,215,183)
```
#2ad7c6
```
#2ad7c6 rgb(42,215,198)
```
#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#2accd7
```
#2accd7 rgb(42,204,215)
```
#2abdd7
```
#2abdd7 rgb(42,189,215)
```
#2aafd7
```
#2aafd7 rgb(42,175,215)
```

Similar Colors

Text with hexadecimal color #2ad7d4

This text has a font color of #2ad7d4.

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

#2ad7d4 background color

This paragraph has a background color of #2ad7d4.

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

#2ad7d4 border color

This element has a border color of #2ad7d4.

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

CSS codes

.text {color:#2ad7d4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#031212
```
#031212 rgb(3,18,18)
```
#072322
```
#072322 rgb(7,35,34)
```
#0a3333
```
#0a3333 rgb(10,51,51)
```
#0d4443
```
#0d4443 rgb(13,68,67)
```
#105453
```
#105453 rgb(16,84,83)
```
#136563
```
#136563 rgb(19,101,99)
```
#167574
```
#167574 rgb(22,117,116)
```
#198684
```
#198684 rgb(25,134,132)
```
#1c9694
```
#1c9694 rgb(28,150,148)
```
#1fa7a4
```
#1fa7a4 rgb(31,167,164)
```
#22b7b5
```
#22b7b5 rgb(34,183,181)
```
#26c8c5
```
#26c8c5 rgb(38,200,197)
```

Shade Color Variation

#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#3bdad7
```
#3bdad7 rgb(59,218,215)
```
#4bdddb
```
#4bdddb rgb(75,221,219)
```
#5ce0de
```
#5ce0de rgb(92,224,222)
```
#6ce3e1
```
#6ce3e1 rgb(108,227,225)
```
#7de7e5
```
#7de7e5 rgb(125,231,229)
```
#8deae8
```
#8deae8 rgb(141,234,232)
```
#9eedeb
```
#9eedeb rgb(158,237,235)
```
#aef0ef
```
#aef0ef rgb(174,240,239)
```
#bff3f2
```
#bff3f2 rgb(191,243,242)
```
#cff6f5
```
#cff6f5 rgb(207,246,245)
```
#e0f9f9
```
#e0f9f9 rgb(224,249,249)
```
#f0fcfc
```
#f0fcfc rgb(240,252,252)
```

Tint Color Variation

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

#788989
```
#788989 rgb(120,137,137)
```
#6e9392
```
#6e9392 rgb(110,147,146)
```
#649d9c
```
#649d9c rgb(100,157,156)
```
#5ba6a5
```
#5ba6a5 rgb(91,166,165)
```
#51b0ae
```
#51b0ae rgb(81,176,174)
```
#47bab8
```
#47bab8 rgb(71,186,184)
```
#3dc4c1
```
#3dc4c1 rgb(61,196,193)
```
#34cdcb
```
#34cdcb rgb(52,205,203)
```
#2ad7d4
```
#2ad7d4 rgb(42,215,212)
```
#20e1dd
```
#20e1dd rgb(32,225,221)
```
#17eae7
```
#17eae7 rgb(23,234,231)
```
#0df4f0
```
#0df4f0 rgb(13,244,240)
```
#03fefa
```
#03fefa rgb(3,254,250)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8badad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c3ca Protanopia 1% of men
#cac0df Deuteranopia 1% of men
#46d6e6 Tritanopia 0.001% of the population

Trichromacy

#8dcacd Protanomaly 1% of men, 0.01% of women
#8fc8db Deuteranomaly 6% of men, 0.4% of women
#3bd6df Tritanomaly 0.01% of the population

#2ad7d4 hex color

#2ad7d4 Color Information

#2ad7d4 Color Conversion

Color Schemes with #2ad7d4

Alternatives to #2ad7d4

#2ad7d4 Preview

Shades and Tints of #2ad7d4

Tones of #2ad7d4

Color Blindness Simulator