#2ad4b9 hex color

In a RGB color space, hex #2ad4b9 is composed of 16.5% red, 83.1% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 0% magenta, 12.7% yellow and 16.9% black. It has a hue angle of 170.5 degrees, a saturation of 66.9% and a lightness of 49.8%. #2ad4b9 color hex could be obtained by blending #54ffff with #00a973. Closest websafe color is: #33cccc.

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

● #2ad4b9 color description : Strong cyan.

The hexadecimal color #2ad4b9 has RGB values of R:42, G:212, B:185 and CMYK values of C:0.8, M:0, Y:0.13, K:0.17. Its decimal value is 2806969.

Hex triplet	2ad4b9	`#2ad4b9`
RGB Decimal	42, 212, 185	`rgb(42,212,185)`
RGB Percent	16.5, 83.1, 72.5	`rgb(16.5%,83.1%,72.5%)`
CMYK	80, 0, 13, 17
HSL	170.5°, 66.9, 49.8	`hsl(170.5,66.9%,49.8%)`
HSV (or HSB)	170.5°, 80.2, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.727, -47.369, 1.561
XYZ	33.252, 51.079, 54.003
xyY	0.24, 0.369, 51.079
CIE-LCH	76.727, 47.395, 178.113
CIE-LUV	76.727, -59.345, 9.783
Hunter-Lab	71.469, -42.021, 5.228
Binary	00101010, 11010100, 10111001

#2ad4b9
```
#2ad4b9 rgb(42,212,185)
```
#d42a45
```
#d42a45 rgb(212,42,69)
```

Complementary Color

#2ad464
```
#2ad464 rgb(42,212,100)
```
#2ad4b9
```
#2ad4b9 rgb(42,212,185)
```
#2a9ad4
```
#2a9ad4 rgb(42,154,212)
```

Analogous Color

#d4642a
```
#d4642a rgb(212,100,42)
```
#2ad4b9
```
#2ad4b9 rgb(42,212,185)
```
#d42a9a
```
#d42a9a rgb(212,42,154)
```

Split Complementary Color

#d4b92a
```
#d4b92a rgb(212,185,42)
```
#2ad4b9
```
#2ad4b9 rgb(42,212,185)
```
#b92ad4
```
#b92ad4 rgb(185,42,212)
```

Triadic Color

#45d42a
```
#45d42a rgb(69,212,42)
```
#2ad4b9
```
#2ad4b9 rgb(42,212,185)
```
#b92ad4
```
#b92ad4 rgb(185,42,212)
```
#d42a45
```
#d42a45 rgb(212,42,69)
```

Tetradic Color

#1d9481
```
#1d9481 rgb(29,148,129)
```
#22a994
```
#22a994 rgb(34,169,148)
```
#26bfa6
```
#26bfa6 rgb(38,191,166)
```
#2ad4b9
```
#2ad4b9 rgb(42,212,185)
```
#3fd9c0
```
#3fd9c0 rgb(63,217,192)
```
#54ddc7
```
#54ddc7 rgb(84,221,199)
```
#69e1ce
```
#69e1ce rgb(105,225,206)
```

Monochromatic Color

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

#2ad48f
```
#2ad48f rgb(42,212,143)
```
#2ad49d
```
#2ad49d rgb(42,212,157)
```
#2ad4ab
```
#2ad4ab rgb(42,212,171)
```
#2ad4b9
```
#2ad4b9 rgb(42,212,185)
```
#2ad4c7
```
#2ad4c7 rgb(42,212,199)
```
#2ad3d4
```
#2ad3d4 rgb(42,211,212)
```
#2ac5d4
```
#2ac5d4 rgb(42,197,212)
```

Similar Colors

Text with hexadecimal color #2ad4b9

This text has a font color of #2ad4b9.

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

#2ad4b9 background color

This paragraph has a background color of #2ad4b9.

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

#2ad4b9 border color

This element has a border color of #2ad4b9.

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

CSS codes

.text {color:#2ad4b9;}

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

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

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, #03100e is the darkest color, while #feffff is the lightest one.

#03100e
```
#03100e rgb(3,16,14)
```
#06201c
```
#06201c rgb(6,32,28)
```
#0a302a
```
#0a302a rgb(10,48,42)
```
#0d4138
```
#0d4138 rgb(13,65,56)
```
#105147
```
#105147 rgb(16,81,71)
```
#136155
```
#136155 rgb(19,97,85)
```
#177263
```
#177263 rgb(23,114,99)
```
#1a8272
```
#1a8272 rgb(26,130,114)
```
#1d9380
```
#1d9380 rgb(29,147,128)
```
#20a38e
```
#20a38e rgb(32,163,142)
```
#24b39c
```
#24b39c rgb(36,179,156)
```
#27c4ab
```
#27c4ab rgb(39,196,171)
```
#2ad4b9
```
#2ad4b9 rgb(42,212,185)
```

Shade Color Variation

#3ad8bf
```
#3ad8bf rgb(58,216,191)
```
#4adbc4
```
#4adbc4 rgb(74,219,196)
```
#5adec9
```
#5adec9 rgb(90,222,201)
```
#6be2cf
```
#6be2cf rgb(107,226,207)
```
#7be5d4
```
#7be5d4 rgb(123,229,212)
```
#8ce8d9
```
#8ce8d9 rgb(140,232,217)
```
#9cebdf
```
#9cebdf rgb(156,235,223)
```
#acefe4
```
#acefe4 rgb(172,239,228)
```
#bdf2e9
```
#bdf2e9 rgb(189,242,233)
```
#cdf5ef
```
#cdf5ef rgb(205,245,239)
```
#ddf8f4
```
#ddf8f4 rgb(221,248,244)
```
#eefcf9
```
#eefcf9 rgb(238,252,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#788684
```
#788684 rgb(120,134,132)
```
#6e908a
```
#6e908a rgb(110,144,138)
```
#659991
```
#659991 rgb(101,153,145)
```
#5ba398
```
#5ba398 rgb(91,163,152)
```
#51ad9e
```
#51ad9e rgb(81,173,158)
```
#47b7a5
```
#47b7a5 rgb(71,183,165)
```
#3ec0ac
```
#3ec0ac rgb(62,192,172)
```
#34cab2
```
#34cab2 rgb(52,202,178)
```
#2ad4b9
```
#2ad4b9 rgb(42,212,185)
```
#20dec0
```
#20dec0 rgb(32,222,192)
```
#16e8c6
```
#16e8c6 rgb(22,232,198)
```
#0df1cd
```
#0df1cd rgb(13,241,205)
```
#03fbd4
```
#03fbd4 rgb(3,251,212)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#87a9a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c0b1 Protanopia 1% of men
#cfbbc6 Deuteranopia 1% of men
#52d0e0 Tritanopia 0.001% of the population

Trichromacy

#8ec7b4 Protanomaly 1% of men, 0.01% of women
#93c4c1 Deuteranomaly 6% of men, 0.4% of women
#43d2d1 Tritanomaly 0.01% of the population

#2ad4b9 hex color

#2ad4b9 Color Information

#2ad4b9 Color Conversion

Color Schemes with #2ad4b9

Alternatives to #2ad4b9

#2ad4b9 Preview

Shades and Tints of #2ad4b9

Tones of #2ad4b9

Color Blindness Simulator