#2ad4be hex color

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

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

● #2ad4be color description : Strong cyan.

The hexadecimal color #2ad4be has RGB values of R:42, G:212, B:190 and CMYK values of C:0.8, M:0, Y:0.1, K:0.17. Its decimal value is 2806974.

Hex triplet	2ad4be	`#2ad4be`
RGB Decimal	42, 212, 190	`rgb(42,212,190)`
RGB Percent	16.5, 83.1, 74.5	`rgb(16.5%,83.1%,74.5%)`
CMYK	80, 0, 10, 17
HSL	172.2°, 66.9, 49.8	`hsl(172.2,66.9%,49.8%)`
HSV (or HSB)	172.2°, 80.2, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.856, -46.042, -0.933
XYZ	33.789, 51.294, 56.832
xyY	0.238, 0.361, 51.294
CIE-LCH	76.856, 46.051, 181.161
CIE-LUV	76.856, -58.979, 5.775
Hunter-Lab	71.62, -41.12, 3.085
Binary	00101010, 11010100, 10111110

#2ad4be
```
#2ad4be rgb(42,212,190)
```
#d42a40
```
#d42a40 rgb(212,42,64)
```

Complementary Color

#2ad469
```
#2ad469 rgb(42,212,105)
```
#2ad4be
```
#2ad4be rgb(42,212,190)
```
#2a95d4
```
#2a95d4 rgb(42,149,212)
```

Analogous Color

#d4692a
```
#d4692a rgb(212,105,42)
```
#2ad4be
```
#2ad4be rgb(42,212,190)
```
#d42a95
```
#d42a95 rgb(212,42,149)
```

Split Complementary Color

#d4be2a
```
#d4be2a rgb(212,190,42)
```
#2ad4be
```
#2ad4be rgb(42,212,190)
```
#be2ad4
```
#be2ad4 rgb(190,42,212)
```

Triadic Color

#40d42a
```
#40d42a rgb(64,212,42)
```
#2ad4be
```
#2ad4be rgb(42,212,190)
```
#be2ad4
```
#be2ad4 rgb(190,42,212)
```
#d42a40
```
#d42a40 rgb(212,42,64)
```

Tetradic Color

#1d9485
```
#1d9485 rgb(29,148,133)
```
#22a998
```
#22a998 rgb(34,169,152)
```
#26bfab
```
#26bfab rgb(38,191,171)
```
#2ad4be
```
#2ad4be rgb(42,212,190)
```
#3fd9c5
```
#3fd9c5 rgb(63,217,197)
```
#54ddcb
```
#54ddcb rgb(84,221,203)
```
#69e1d2
```
#69e1d2 rgb(105,225,210)
```

Monochromatic Color

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

#2ad494
```
#2ad494 rgb(42,212,148)
```
#2ad4a2
```
#2ad4a2 rgb(42,212,162)
```
#2ad4b0
```
#2ad4b0 rgb(42,212,176)
```
#2ad4be
```
#2ad4be rgb(42,212,190)
```
#2ad4cc
```
#2ad4cc rgb(42,212,204)
```
#2aced4
```
#2aced4 rgb(42,206,212)
```
#2ac0d4
```
#2ac0d4 rgb(42,192,212)
```

Similar Colors

Text with hexadecimal color #2ad4be

This text has a font color of #2ad4be.

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

#2ad4be background color

This paragraph has a background color of #2ad4be.

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

#2ad4be border color

This element has a border color of #2ad4be.

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

CSS codes

.text {color:#2ad4be;}

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

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

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)
```
#06201d
```
#06201d rgb(6,32,29)
```
#0a302b
```
#0a302b rgb(10,48,43)
```
#0d413a
```
#0d413a rgb(13,65,58)
```
#105149
```
#105149 rgb(16,81,73)
```
#136157
```
#136157 rgb(19,97,87)
```
#177266
```
#177266 rgb(23,114,102)
```
#1a8275
```
#1a8275 rgb(26,130,117)
```
#1d9383
```
#1d9383 rgb(29,147,131)
```
#20a392
```
#20a392 rgb(32,163,146)
```
#24b3a1
```
#24b3a1 rgb(36,179,161)
```
#27c4af
```
#27c4af rgb(39,196,175)
```
#2ad4be
```
#2ad4be rgb(42,212,190)
```

Shade Color Variation

#3ad8c3
```
#3ad8c3 rgb(58,216,195)
```
#4adbc8
```
#4adbc8 rgb(74,219,200)
```
#5adecd
```
#5adecd rgb(90,222,205)
```
#6be2d2
```
#6be2d2 rgb(107,226,210)
```
#7be5d7
```
#7be5d7 rgb(123,229,215)
```
#8ce8dc
```
#8ce8dc rgb(140,232,220)
```
#9cebe1
```
#9cebe1 rgb(156,235,225)
```
#acefe6
```
#acefe6 rgb(172,239,230)
```
#bdf2eb
```
#bdf2eb rgb(189,242,235)
```
#cdf5f0
```
#cdf5f0 rgb(205,245,240)
```
#ddf8f5
```
#ddf8f5 rgb(221,248,245)
```
#eefcfa
```
#eefcfa rgb(238,252,250)
```
#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 #03fbdb is the most saturated one.

#788684
```
#788684 rgb(120,134,132)
```
#6e908b
```
#6e908b rgb(110,144,139)
```
#659993
```
#659993 rgb(101,153,147)
```
#5ba39a
```
#5ba39a rgb(91,163,154)
```
#51ada1
```
#51ada1 rgb(81,173,161)
```
#47b7a8
```
#47b7a8 rgb(71,183,168)
```
#3ec0b0
```
#3ec0b0 rgb(62,192,176)
```
#34cab7
```
#34cab7 rgb(52,202,183)
```
#2ad4be
```
#2ad4be rgb(42,212,190)
```
#20dec5
```
#20dec5 rgb(32,222,197)
```
#16e8cc
```
#16e8cc rgb(22,232,204)
```
#0df1d4
```
#0df1d4 rgb(13,241,212)
```
#03fbdb
```
#03fbdb rgb(3,251,219)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#88aaa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c0b6 Protanopia 1% of men
#cebbca Deuteranopia 1% of men
#50d1e0 Tritanopia 0.001% of the population

Trichromacy

#8dc7b8 Protanomaly 1% of men, 0.01% of women
#92c4c6 Deuteranomaly 6% of men, 0.4% of women
#42d2d4 Tritanomaly 0.01% of the population

#2ad4be hex color

#2ad4be Color Information

#2ad4be Color Conversion

Color Schemes with #2ad4be

Alternatives to #2ad4be

#2ad4be Preview

Shades and Tints of #2ad4be

Tones of #2ad4be

Color Blindness Simulator