#84c2d1 hex color

In a RGB color space, hex #84c2d1 is composed of 51.8% red, 76.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 7.2% magenta, 0% yellow and 18% black. It has a hue angle of 191.7 degrees, a saturation of 45.6% and a lightness of 66.9%. #84c2d1 color hex could be obtained by blending #ffffff with #0985a3. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 52
- G 76
- B 82
RGB color chart
- C 37
- M 7
- Y 0
- K 18
CMYK color chart

● #84c2d1 color description : Slightly desaturated cyan.

The hexadecimal color #84c2d1 has RGB values of R:132, G:194, B:209 and CMYK values of C:0.37, M:0.07, Y:0, K:0.18. Its decimal value is 8700625.

Hex triplet	84c2d1	`#84c2d1`
RGB Decimal	132, 194, 209	`rgb(132,194,209)`
RGB Percent	51.8, 76.1, 82	`rgb(51.8%,76.1%,82%)`
CMYK	37, 7, 0, 18
HSL	191.7°, 45.6, 66.9	`hsl(191.7,45.6%,66.9%)`
HSV (or HSB)	191.7°, 36.8, 82
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.882, -16.063, -13.821
XYZ	40.313, 48.091, 67.476
xyY	0.259, 0.309, 48.091
CIE-LCH	74.882, 21.191, 220.709
CIE-LUV	74.882, -29.771, -18.89
Hunter-Lab	69.347, -17.592, -9.147
Binary	10000100, 11000010, 11010001

#84c2d1
```
#84c2d1 rgb(132,194,209)
```
#d19384
```
#d19384 rgb(209,147,132)
```

Complementary Color

#84d1ba
```
#84d1ba rgb(132,209,186)
```
#84c2d1
```
#84c2d1 rgb(132,194,209)
```
#849cd1
```
#849cd1 rgb(132,156,209)
```

Analogous Color

#d1ba84
```
#d1ba84 rgb(209,186,132)
```
#84c2d1
```
#84c2d1 rgb(132,194,209)
```
#d1849c
```
#d1849c rgb(209,132,156)
```

Split Complementary Color

#c2d184
```
#c2d184 rgb(194,209,132)
```
#84c2d1
```
#84c2d1 rgb(132,194,209)
```
#d184c2
```
#d184c2 rgb(209,132,194)
```

Triadic Color

#84d193
```
#84d193 rgb(132,209,147)
```
#84c2d1
```
#84c2d1 rgb(132,194,209)
```
#d184c2
```
#d184c2 rgb(209,132,194)
```
#d19384
```
#d19384 rgb(209,147,132)
```

Tetradic Color

#4ca6bc
```
#4ca6bc rgb(76,166,188)
```
#5fb0c3
```
#5fb0c3 rgb(95,176,195)
```
#71b9ca
```
#71b9ca rgb(113,185,202)
```
#84c2d1
```
#84c2d1 rgb(132,194,209)
```
#97cbd8
```
#97cbd8 rgb(151,203,216)
```
#a9d4df
```
#a9d4df rgb(169,212,223)
```
#bcdee6
```
#bcdee6 rgb(188,222,230)
```

Monochromatic Color

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

#84d1cd
```
#84d1cd rgb(132,209,205)
```
#84cfd1
```
#84cfd1 rgb(132,207,209)
```
#84c8d1
```
#84c8d1 rgb(132,200,209)
```
#84c2d1
```
#84c2d1 rgb(132,194,209)
```
#84bcd1
```
#84bcd1 rgb(132,188,209)
```
#84b5d1
```
#84b5d1 rgb(132,181,209)
```
#84afd1
```
#84afd1 rgb(132,175,209)
```

Similar Colors

Text with hexadecimal color #84c2d1

This text has a font color of #84c2d1.

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

#84c2d1 background color

This paragraph has a background color of #84c2d1.

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

#84c2d1 border color

This element has a border color of #84c2d1.

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

CSS codes

.text {color:#84c2d1;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071114
```
#071114 rgb(7,17,20)
```
#0d1e22
```
#0d1e22 rgb(13,30,34)
```
#122a30
```
#122a30 rgb(18,42,48)
```
#17373f
```
#17373f rgb(23,55,63)
```
#1d434d
```
#1d434d rgb(29,67,77)
```
#22505b
```
#22505b rgb(34,80,91)
```
#275d69
```
#275d69 rgb(39,93,105)
```
#2d6978
```
#2d6978 rgb(45,105,120)
```
#327686
```
#327686 rgb(50,118,134)
```
#378294
```
#378294 rgb(55,130,148)
```
#3d8fa3
```
#3d8fa3 rgb(61,143,163)
```
#429bb1
```
#429bb1 rgb(66,155,177)
```

Shade Color Variation

#4ba6bc
```
#4ba6bc rgb(75,166,188)
```
#59adc1
```
#59adc1 rgb(89,173,193)
```
#67b4c6
```
#67b4c6 rgb(103,180,198)
```
#76bbcc
```
#76bbcc rgb(118,187,204)
```
#84c2d1
```
#84c2d1 rgb(132,194,209)
```
#92c9d6
```
#92c9d6 rgb(146,201,214)
```
#a1d0dc
```
#a1d0dc rgb(161,208,220)
```
#afd7e1
```
#afd7e1 rgb(175,215,225)
```
#bddee6
```
#bddee6 rgb(189,222,230)
```
#cbe5ec
```
#cbe5ec rgb(203,229,236)
```
#daecf1
```
#daecf1 rgb(218,236,241)
```
#e8f4f6
```
#e8f4f6 rgb(232,244,246)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#a5aeb1
```
#a5aeb1 rgb(165,174,177)
```
#9eb2b7
```
#9eb2b7 rgb(158,178,183)
```
#98b6be
```
#98b6be rgb(152,182,190)
```
#91bac4
```
#91bac4 rgb(145,186,196)
```
#8bbecb
```
#8bbecb rgb(139,190,203)
```
#84c2d1
```
#84c2d1 rgb(132,194,209)
```
#7ec6d8
```
#7ec6d8 rgb(126,198,216)
```
#77cade
```
#77cade rgb(119,202,222)
```
#71cee5
```
#71cee5 rgb(113,206,229)
```
#6ad2eb
```
#6ad2eb rgb(106,210,235)
```
#64d6f2
```
#64d6f2 rgb(100,214,242)
```
#5ddaf8
```
#5ddaf8 rgb(93,218,248)
```
#57deff
```
#57deff rgb(87,222,255)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a8b4b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bacd Protanopia 1% of men
#bfb7d8 Deuteranopia 1% of men
#8ac5d3 Tritanopia 0.001% of the population

Trichromacy

#a6bdce Protanomaly 1% of men, 0.01% of women
#a9bbd5 Deuteranomaly 6% of men, 0.4% of women
#88c4d2 Tritanomaly 0.01% of the population

#84c2d1 hex color

#84c2d1 Color Information

#84c2d1 Color Conversion

Color Schemes with #84c2d1

Alternatives to #84c2d1

#84c2d1 Preview

Shades and Tints of #84c2d1

Tones of #84c2d1

Color Blindness Simulator