#2ad3cc hex color

In a RGB color space, hex #2ad3cc is composed of 16.5% red, 82.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 0% magenta, 3.3% yellow and 17.3% black. It has a hue angle of 177.5 degrees, a saturation of 66.8% and a lightness of 49.6%. #2ad3cc color hex could be obtained by blending #54ffff with #00a799. Closest websafe color is: #33cccc.

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

● #2ad3cc color description : Strong cyan.

The hexadecimal color #2ad3cc has RGB values of R:42, G:211, B:204 and CMYK values of C:0.8, M:0, Y:0.03, K:0.17. Its decimal value is 2806732.

Hex triplet	2ad3cc	`#2ad3cc`
RGB Decimal	42, 211, 204	`rgb(42,211,204)`
RGB Percent	16.5, 82.7, 80	`rgb(16.5%,82.7%,80%)`
CMYK	80, 0, 3, 17
HSL	177.5°, 66.8, 49.6	`hsl(177.5,66.8%,49.6%)`
HSV (or HSB)	177.5°, 80.1, 82.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.943, -41.741, -8.328
XYZ	35.145, 51.437, 65.199
xyY	0.232, 0.339, 51.437
CIE-LCH	76.943, 42.563, 191.283
CIE-LUV	76.943, -57.598, -6.467
Hunter-Lab	71.72, -38.039, -3.696
Binary	00101010, 11010011, 11001100

#2ad3cc
```
#2ad3cc rgb(42,211,204)
```
#d32a31
```
#d32a31 rgb(211,42,49)
```

Complementary Color

#2ad378
```
#2ad378 rgb(42,211,120)
```
#2ad3cc
```
#2ad3cc rgb(42,211,204)
```
#2a86d3
```
#2a86d3 rgb(42,134,211)
```

Analogous Color

#d3782a
```
#d3782a rgb(211,120,42)
```
#2ad3cc
```
#2ad3cc rgb(42,211,204)
```
#d32a86
```
#d32a86 rgb(211,42,134)
```

Split Complementary Color

#d3cc2a
```
#d3cc2a rgb(211,204,42)
```
#2ad3cc
```
#2ad3cc rgb(42,211,204)
```
#cc2ad3
```
#cc2ad3 rgb(204,42,211)
```

Triadic Color

#31d32a
```
#31d32a rgb(49,211,42)
```
#2ad3cc
```
#2ad3cc rgb(42,211,204)
```
#cc2ad3
```
#cc2ad3 rgb(204,42,211)
```
#d32a31
```
#d32a31 rgb(211,42,49)
```

Tetradic Color

#1d938e
```
#1d938e rgb(29,147,142)
```
#22a8a3
```
#22a8a3 rgb(34,168,163)
```
#26beb7
```
#26beb7 rgb(38,190,183)
```
#2ad3cc
```
#2ad3cc rgb(42,211,204)
```
#3ed9d2
```
#3ed9d2 rgb(62,217,210)
```
#53ddd7
```
#53ddd7 rgb(83,221,215)
```
#68e1dc
```
#68e1dc rgb(104,225,220)
```

Monochromatic Color

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

#2ad3a2
```
#2ad3a2 rgb(42,211,162)
```
#2ad3b0
```
#2ad3b0 rgb(42,211,176)
```
#2ad3be
```
#2ad3be rgb(42,211,190)
```
#2ad3cc
```
#2ad3cc rgb(42,211,204)
```
#2accd3
```
#2accd3 rgb(42,204,211)
```
#2abed3
```
#2abed3 rgb(42,190,211)
```
#2ab0d3
```
#2ab0d3 rgb(42,176,211)
```

Similar Colors

Text with hexadecimal color #2ad3cc

This text has a font color of #2ad3cc.

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

#2ad3cc background color

This paragraph has a background color of #2ad3cc.

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

#2ad3cc border color

This element has a border color of #2ad3cc.

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

CSS codes

.text {color:#2ad3cc;}

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

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

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, #030f0e is the darkest color, while #fdffff is the lightest one.

#030f0e
```
#030f0e rgb(3,15,14)
```
#061f1e
```
#061f1e rgb(6,31,30)
```
#092f2e
```
#092f2e rgb(9,47,46)
```
#0d403e
```
#0d403e rgb(13,64,62)
```
#10504d
```
#10504d rgb(16,80,77)
```
#13605d
```
#13605d rgb(19,96,93)
```
#16716d
```
#16716d rgb(22,113,109)
```
#1a817d
```
#1a817d rgb(26,129,125)
```
#1d928d
```
#1d928d rgb(29,146,141)
```
#20a29d
```
#20a29d rgb(32,162,157)
```
#23b2ac
```
#23b2ac rgb(35,178,172)
```
#27c3bc
```
#27c3bc rgb(39,195,188)
```
#2ad3cc
```
#2ad3cc rgb(42,211,204)
```

Shade Color Variation

#39d8d1
```
#39d8d1 rgb(57,216,209)
```
#49dbd5
```
#49dbd5 rgb(73,219,213)
```
#5aded9
```
#5aded9 rgb(90,222,217)
```
#6ae1dc
```
#6ae1dc rgb(106,225,220)
```
#7ae5e0
```
#7ae5e0 rgb(122,229,224)
```
#8be8e4
```
#8be8e4 rgb(139,232,228)
```
#9bebe8
```
#9bebe8 rgb(155,235,232)
```
#aceeec
```
#aceeec rgb(172,238,236)
```
#bcf2ef
```
#bcf2ef rgb(188,242,239)
```
#ccf5f3
```
#ccf5f3 rgb(204,245,243)
```
#ddf8f7
```
#ddf8f7 rgb(221,248,247)
```
#edfbfb
```
#edfbfb rgb(237,251,251)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#788585
```
#788585 rgb(120,133,133)
```
#6e8f8e
```
#6e8f8e rgb(110,143,142)
```
#649996
```
#649996 rgb(100,153,150)
```
#5ba29f
```
#5ba29f rgb(91,162,159)
```
#51aca8
```
#51aca8 rgb(81,172,168)
```
#47b6b1
```
#47b6b1 rgb(71,182,177)
```
#3dc0ba
```
#3dc0ba rgb(61,192,186)
```
#34c9c3
```
#34c9c3 rgb(52,201,195)
```
#2ad3cc
```
#2ad3cc rgb(42,211,204)
```
#20ddd5
```
#20ddd5 rgb(32,221,213)
```
#17e6de
```
#17e6de rgb(23,230,222)
```
#0df0e7
```
#0df0e7 rgb(13,240,231)
```
#03faf0
```
#03faf0 rgb(3,250,240)
```

Tone Color Variation

Below, you can see how #2ad3cc 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
#88aaa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c0c3 Protanopia 1% of men
#c8bcd7 Deuteranopia 1% of men
#48d2e1 Tritanopia 0.001% of the population

Trichromacy

#8bc7c6 Protanomaly 1% of men, 0.01% of women
#8ec4d3 Deuteranomaly 6% of men, 0.4% of women
#3dd2d9 Tritanomaly 0.01% of the population

#2ad3cc hex color

#2ad3cc Color Information

#2ad3cc Color Conversion

Color Schemes with #2ad3cc

Alternatives to #2ad3cc

#2ad3cc Preview

Shades and Tints of #2ad3cc

Tones of #2ad3cc

Color Blindness Simulator