#2ad4bc hex color

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

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

● #2ad4bc color description : Strong cyan.

The hexadecimal color #2ad4bc has RGB values of R:42, G:212, B:188 and CMYK values of C:0.8, M:0, Y:0.11, K:0.17. Its decimal value is 2806972.

Hex triplet	2ad4bc	`#2ad4bc`
RGB Decimal	42, 212, 188	`rgb(42,212,188)`
RGB Percent	16.5, 83.1, 73.7	`rgb(16.5%,83.1%,73.7%)`
CMYK	80, 0, 11, 17
HSL	171.5°, 66.9, 49.8	`hsl(171.5,66.9%,49.8%)`
HSV (or HSB)	171.5°, 80.2, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.804, -46.576, 0.064
XYZ	33.572, 51.207, 55.689
xyY	0.239, 0.365, 51.207
CIE-LCH	76.804, 46.576, 179.921
CIE-LUV	76.804, -59.125, 7.384
Hunter-Lab	71.559, -41.484, 3.95
Binary	00101010, 11010100, 10111100

#2ad4bc
```
#2ad4bc rgb(42,212,188)
```
#d42a42
```
#d42a42 rgb(212,42,66)
```

Complementary Color

#2ad467
```
#2ad467 rgb(42,212,103)
```
#2ad4bc
```
#2ad4bc rgb(42,212,188)
```
#2a97d4
```
#2a97d4 rgb(42,151,212)
```

Analogous Color

#d4672a
```
#d4672a rgb(212,103,42)
```
#2ad4bc
```
#2ad4bc rgb(42,212,188)
```
#d42a97
```
#d42a97 rgb(212,42,151)
```

Split Complementary Color

#d4bc2a
```
#d4bc2a rgb(212,188,42)
```
#2ad4bc
```
#2ad4bc rgb(42,212,188)
```
#bc2ad4
```
#bc2ad4 rgb(188,42,212)
```

Triadic Color

#42d42a
```
#42d42a rgb(66,212,42)
```
#2ad4bc
```
#2ad4bc rgb(42,212,188)
```
#bc2ad4
```
#bc2ad4 rgb(188,42,212)
```
#d42a42
```
#d42a42 rgb(212,42,66)
```

Tetradic Color

#1d9483
```
#1d9483 rgb(29,148,131)
```
#22a996
```
#22a996 rgb(34,169,150)
```
#26bfa9
```
#26bfa9 rgb(38,191,169)
```
#2ad4bc
```
#2ad4bc rgb(42,212,188)
```
#3fd9c3
```
#3fd9c3 rgb(63,217,195)
```
#54ddca
```
#54ddca rgb(84,221,202)
```
#69e1d0
```
#69e1d0 rgb(105,225,208)
```

Monochromatic Color

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

#2ad492
```
#2ad492 rgb(42,212,146)
```
#2ad4a0
```
#2ad4a0 rgb(42,212,160)
```
#2ad4ae
```
#2ad4ae rgb(42,212,174)
```
#2ad4bc
```
#2ad4bc rgb(42,212,188)
```
#2ad4ca
```
#2ad4ca rgb(42,212,202)
```
#2ad0d4
```
#2ad0d4 rgb(42,208,212)
```
#2ac2d4
```
#2ac2d4 rgb(42,194,212)
```

Similar Colors

Text with hexadecimal color #2ad4bc

This text has a font color of #2ad4bc.

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

#2ad4bc background color

This paragraph has a background color of #2ad4bc.

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

#2ad4bc border color

This element has a border color of #2ad4bc.

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

CSS codes

.text {color:#2ad4bc;}

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

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

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)
```
#0a302b
```
#0a302b rgb(10,48,43)
```
#0d4139
```
#0d4139 rgb(13,65,57)
```
#105148
```
#105148 rgb(16,81,72)
```
#136156
```
#136156 rgb(19,97,86)
```
#177265
```
#177265 rgb(23,114,101)
```
#1a8273
```
#1a8273 rgb(26,130,115)
```
#1d9382
```
#1d9382 rgb(29,147,130)
```
#20a390
```
#20a390 rgb(32,163,144)
```
#24b39f
```
#24b39f rgb(36,179,159)
```
#27c4ad
```
#27c4ad rgb(39,196,173)
```
#2ad4bc
```
#2ad4bc rgb(42,212,188)
```

Shade Color Variation

#3ad8c2
```
#3ad8c2 rgb(58,216,194)
```
#4adbc7
```
#4adbc7 rgb(74,219,199)
```
#5adecc
```
#5adecc rgb(90,222,204)
```
#6be2d1
```
#6be2d1 rgb(107,226,209)
```
#7be5d6
```
#7be5d6 rgb(123,229,214)
```
#8ce8db
```
#8ce8db rgb(140,232,219)
```
#9cebe0
```
#9cebe0 rgb(156,235,224)
```
#acefe5
```
#acefe5 rgb(172,239,229)
```
#bdf2ea
```
#bdf2ea rgb(189,242,234)
```
#cdf5ef
```
#cdf5ef rgb(205,245,239)
```
#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 #03fbd8 is the most saturated one.

#788684
```
#788684 rgb(120,134,132)
```
#6e908b
```
#6e908b rgb(110,144,139)
```
#659992
```
#659992 rgb(101,153,146)
```
#5ba399
```
#5ba399 rgb(91,163,153)
```
#51ada0
```
#51ada0 rgb(81,173,160)
```
#47b7a7
```
#47b7a7 rgb(71,183,167)
```
#3ec0ae
```
#3ec0ae rgb(62,192,174)
```
#34cab5
```
#34cab5 rgb(52,202,181)
```
#2ad4bc
```
#2ad4bc rgb(42,212,188)
```
#20dec3
```
#20dec3 rgb(32,222,195)
```
#16e8ca
```
#16e8ca rgb(22,232,202)
```
#0df1d1
```
#0df1d1 rgb(13,241,209)
```
#03fbd8
```
#03fbd8 rgb(3,251,216)
```

Tone Color Variation

Below, you can see how #2ad4bc 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
#87a9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c0b4 Protanopia 1% of men
#cebbc9 Deuteranopia 1% of men
#51d1e0 Tritanopia 0.001% of the population

Trichromacy

#8ec7b7 Protanomaly 1% of men, 0.01% of women
#92c4c4 Deuteranomaly 6% of men, 0.4% of women
#43d2d3 Tritanomaly 0.01% of the population

#2ad4bc hex color

#2ad4bc Color Information

#2ad4bc Color Conversion

Color Schemes with #2ad4bc

Alternatives to #2ad4bc

#2ad4bc Preview

Shades and Tints of #2ad4bc

Tones of #2ad4bc

Color Blindness Simulator