#84cdc2 hex color

In a RGB color space, hex #84cdc2 is composed of 51.8% red, 80.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 0% magenta, 5.4% yellow and 19.6% black. It has a hue angle of 171 degrees, a saturation of 42.2% and a lightness of 66.1%. #84cdc2 color hex could be obtained by blending #ffffff with #099b85. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 52
- G 80
- B 76
RGB color chart
- C 36
- M 0
- Y 5
- K 20
CMYK color chart

● #84cdc2 color description : Slightly desaturated cyan.

The hexadecimal color #84cdc2 has RGB values of R:132, G:205, B:194 and CMYK values of C:0.36, M:0, Y:0.05, K:0.2. Its decimal value is 8703426.

Hex triplet	84cdc2	`#84cdc2`
RGB Decimal	132, 205, 194	`rgb(132,205,194)`
RGB Percent	51.8, 80.4, 76.1	`rgb(51.8%,80.4%,76.1%)`
CMYK	36, 0, 5, 20
HSL	171°, 42.2, 66.1	`hsl(171,42.2%,66.1%)`
HSV (or HSB)	171°, 35.6, 80.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.556, -25.215, -1.747
XYZ	41.082, 52.461, 58.997
xyY	0.269, 0.344, 52.461
CIE-LCH	77.556, 25.275, 183.963
CIE-LUV	77.556, -34.61, 1.481
Hunter-Lab	72.43, -25.508, 2.407
Binary	10000100, 11001101, 11000010

#84cdc2
```
#84cdc2 rgb(132,205,194)
```
#cd848f
```
#cd848f rgb(205,132,143)
```

Complementary Color

#84cd9e
```
#84cd9e rgb(132,205,158)
```
#84cdc2
```
#84cdc2 rgb(132,205,194)
```
#84b4cd
```
#84b4cd rgb(132,180,205)
```

Analogous Color

#cd9e84
```
#cd9e84 rgb(205,158,132)
```
#84cdc2
```
#84cdc2 rgb(132,205,194)
```
#cd84b4
```
#cd84b4 rgb(205,132,180)
```

Split Complementary Color

#cdc284
```
#cdc284 rgb(205,194,132)
```
#84cdc2
```
#84cdc2 rgb(132,205,194)
```
#c284cd
```
#c284cd rgb(194,132,205)
```

Triadic Color

#8fcd84
```
#8fcd84 rgb(143,205,132)
```
#84cdc2
```
#84cdc2 rgb(132,205,194)
```
#c284cd
```
#c284cd rgb(194,132,205)
```
#cd848f
```
#cd848f rgb(205,132,143)
```

Tetradic Color

#4eb7a7
```
#4eb7a7 rgb(78,183,167)
```
#60beb0
```
#60beb0 rgb(96,190,176)
```
#72c6b9
```
#72c6b9 rgb(114,198,185)
```
#84cdc2
```
#84cdc2 rgb(132,205,194)
```
#96d4cb
```
#96d4cb rgb(150,212,203)
```
#a8dcd4
```
#a8dcd4 rgb(168,220,212)
```
#bae3dd
```
#bae3dd rgb(186,227,221)
```

Monochromatic Color

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

#84cdb0
```
#84cdb0 rgb(132,205,176)
```
#84cdb6
```
#84cdb6 rgb(132,205,182)
```
#84cdbc
```
#84cdbc rgb(132,205,188)
```
#84cdc2
```
#84cdc2 rgb(132,205,194)
```
#84cdc8
```
#84cdc8 rgb(132,205,200)
```
#84cccd
```
#84cccd rgb(132,204,205)
```
#84c6cd
```
#84c6cd rgb(132,198,205)
```

Similar Colors

Text with hexadecimal color #84cdc2

This text has a font color of #84cdc2.

<span style="color:#84cdc2;">Text here</span>

#84cdc2 background color

This paragraph has a background color of #84cdc2.

<p style="background-color:#84cdc2;">Content here</p>

#84cdc2 border color

This element has a border color of #84cdc2.

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

CSS codes

.text {color:#84cdc2;}

.background {background-color:#84cdc2;}

.border {border:1px solid #84cdc2;}

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

#010302
```
#010302 rgb(1,3,2)
```
#07100f
```
#07100f rgb(7,16,15)
```
#0c1e1c
```
#0c1e1c rgb(12,30,28)
```
#122c28
```
#122c28 rgb(18,44,40)
```
#183a35
```
#183a35 rgb(24,58,53)
```
#1d4842
```
#1d4842 rgb(29,72,66)
```
#23564e
```
#23564e rgb(35,86,78)
```
#29645b
```
#29645b rgb(41,100,91)
```
#2e7268
```
#2e7268 rgb(46,114,104)
```
#348075
```
#348075 rgb(52,128,117)
```
#3a8e81
```
#3a8e81 rgb(58,142,129)
```
#3f9c8e
```
#3f9c8e rgb(63,156,142)
```
#45aa9b
```
#45aa9b rgb(69,170,155)
```

Shade Color Variation

#4cb6a6
```
#4cb6a6 rgb(76,182,166)
```
#5abcad
```
#5abcad rgb(90,188,173)
```
#68c2b4
```
#68c2b4 rgb(104,194,180)
```
#76c7bb
```
#76c7bb rgb(118,199,187)
```
#84cdc2
```
#84cdc2 rgb(132,205,194)
```
#92d3c9
```
#92d3c9 rgb(146,211,201)
```
#a0d8d0
```
#a0d8d0 rgb(160,216,208)
```
#aeded7
```
#aeded7 rgb(174,222,215)
```
#bce4de
```
#bce4de rgb(188,228,222)
```
#cae9e5
```
#cae9e5 rgb(202,233,229)
```
#d8efeb
```
#d8efeb rgb(216,239,235)
```
#e6f5f2
```
#e6f5f2 rgb(230,245,242)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

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

#a5acab
```
#a5acab rgb(165,172,171)
```
#9fb2af
```
#9fb2af rgb(159,178,175)
```
#98b9b4
```
#98b9b4 rgb(152,185,180)
```
#91c0b9
```
#91c0b9 rgb(145,192,185)
```
#8bc6bd
```
#8bc6bd rgb(139,198,189)
```
#84cdc2
```
#84cdc2 rgb(132,205,194)
```
#7dd4c7
```
#7dd4c7 rgb(125,212,199)
```
#77dacb
```
#77dacb rgb(119,218,203)
```
#70e1d0
```
#70e1d0 rgb(112,225,208)
```
#69e8d5
```
#69e8d5 rgb(105,232,213)
```
#63eed9
```
#63eed9 rgb(99,238,217)
```
#5cf5de
```
#5cf5de rgb(92,245,222)
```
#55fce3
```
#55fce3 rgb(85,252,227)
```

Tone Color Variation

Below, you can see how #84cdc2 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

#b6b6b6 Achromatopsia 0.005% of the population
#acbbb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c2be Protanopia 1% of men
#d0bdcb Deuteranopia 1% of men
#90ccdb Tritanopia 0.001% of the population

Trichromacy

#aec6bf Protanomaly 1% of men, 0.01% of women
#b4c3c7 Deuteranomaly 6% of men, 0.4% of women
#8cccd1 Tritanomaly 0.01% of the population

#84cdc2 hex color

#84cdc2 Color Information

#84cdc2 Color Conversion

Color Schemes with #84cdc2

Alternatives to #84cdc2

#84cdc2 Preview

Shades and Tints of #84cdc2

Tones of #84cdc2

Color Blindness Simulator