#84c5cc hex color

In a RGB color space, hex #84c5cc is composed of 51.8% red, 77.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 3.4% magenta, 0% yellow and 20% black. It has a hue angle of 185.8 degrees, a saturation of 41.4% and a lightness of 65.9%. #84c5cc color hex could be obtained by blending #ffffff with #098b99. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 52
- G 77
- B 80
RGB color chart
- C 35
- M 3
- Y 0
- K 20
CMYK color chart

● #84c5cc color description : Slightly desaturated cyan.

The hexadecimal color #84c5cc has RGB values of R:132, G:197, B:204 and CMYK values of C:0.35, M:0.03, Y:0, K:0.2. Its decimal value is 8701388.

Hex triplet	84c5cc	`#84c5cc`
RGB Decimal	132, 197, 204	`rgb(132,197,204)`
RGB Percent	51.8, 77.3, 80	`rgb(51.8%,77.3%,80%)`
CMYK	35, 3, 0, 20
HSL	185.8°, 41.4, 65.9	`hsl(185.8,41.4%,65.9%)`
HSV (or HSB)	185.8°, 35.3, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.573, -18.839, -10.078
XYZ	40.378, 49.196, 64.492
xyY	0.262, 0.319, 49.196
CIE-LCH	75.573, 21.365, 208.143
CIE-LUV	75.573, -31.083, -12.498
Hunter-Lab	70.14, -19.985, -5.418
Binary	10000100, 11000101, 11001100

#84c5cc
```
#84c5cc rgb(132,197,204)
```
#cc8b84
```
#cc8b84 rgb(204,139,132)
```

Complementary Color

#84ccaf
```
#84ccaf rgb(132,204,175)
```
#84c5cc
```
#84c5cc rgb(132,197,204)
```
#84a1cc
```
#84a1cc rgb(132,161,204)
```

Analogous Color

#ccaf84
```
#ccaf84 rgb(204,175,132)
```
#84c5cc
```
#84c5cc rgb(132,197,204)
```
#cc84a1
```
#cc84a1 rgb(204,132,161)
```

Split Complementary Color

#c5cc84
```
#c5cc84 rgb(197,204,132)
```
#84c5cc
```
#84c5cc rgb(132,197,204)
```
#cc84c5
```
#cc84c5 rgb(204,132,197)
```

Triadic Color

#84cc8b
```
#84cc8b rgb(132,204,139)
```
#84c5cc
```
#84c5cc rgb(132,197,204)
```
#cc84c5
```
#cc84c5 rgb(204,132,197)
```
#cc8b84
```
#cc8b84 rgb(204,139,132)
```

Tetradic Color

#4eacb6
```
#4eacb6 rgb(78,172,182)
```
#60b4bd
```
#60b4bd rgb(96,180,189)
```
#72bdc5
```
#72bdc5 rgb(114,189,197)
```
#84c5cc
```
#84c5cc rgb(132,197,204)
```
#96ced3
```
#96ced3 rgb(150,206,211)
```
#a8d6db
```
#a8d6db rgb(168,214,219)
```
#badfe2
```
#badfe2 rgb(186,223,226)
```

Monochromatic Color

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

#84ccc1
```
#84ccc1 rgb(132,204,193)
```
#84ccc7
```
#84ccc7 rgb(132,204,199)
```
#84cbcc
```
#84cbcc rgb(132,203,204)
```
#84c5cc
```
#84c5cc rgb(132,197,204)
```
#84bfcc
```
#84bfcc rgb(132,191,204)
```
#84b9cc
```
#84b9cc rgb(132,185,204)
```
#84b3cc
```
#84b3cc rgb(132,179,204)
```

Similar Colors

Text with hexadecimal color #84c5cc

This text has a font color of #84c5cc.

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

#84c5cc background color

This paragraph has a background color of #84c5cc.

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

#84c5cc border color

This element has a border color of #84c5cc.

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

CSS codes

.text {color:#84c5cc;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060f10
```
#060f10 rgb(6,15,16)
```
#0c1c1e
```
#0c1c1e rgb(12,28,30)
```
#12292b
```
#12292b rgb(18,41,43)
```
#183639
```
#183639 rgb(24,54,57)
```
#1d4347
```
#1d4347 rgb(29,67,71)
```
#235055
```
#235055 rgb(35,80,85)
```
#295d63
```
#295d63 rgb(41,93,99)
```
#2f6a71
```
#2f6a71 rgb(47,106,113)
```
#34777f
```
#34777f rgb(52,119,127)
```
#3a848c
```
#3a848c rgb(58,132,140)
```
#40929a
```
#40929a rgb(64,146,154)
```
#469fa8
```
#469fa8 rgb(70,159,168)
```

Shade Color Variation

#4dabb5
```
#4dabb5 rgb(77,171,181)
```
#5ab1bb
```
#5ab1bb rgb(90,177,187)
```
#68b8c1
```
#68b8c1 rgb(104,184,193)
```
#76bec6
```
#76bec6 rgb(118,190,198)
```
#84c5cc
```
#84c5cc rgb(132,197,204)
```
#92ccd2
```
#92ccd2 rgb(146,204,210)
```
#a0d2d7
```
#a0d2d7 rgb(160,210,215)
```
#aed9dd
```
#aed9dd rgb(174,217,221)
```
#bbdfe3
```
#bbdfe3 rgb(187,223,227)
```
#c9e6e9
```
#c9e6e9 rgb(201,230,233)
```
#d7ecee
```
#d7ecee rgb(215,236,238)
```
#e5f3f4
```
#e5f3f4 rgb(229,243,244)
```
#f3f9fa
```
#f3f9fa rgb(243,249,250)
```

Tint Color Variation

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

#a5aaab
```
#a5aaab rgb(165,170,171)
```
#9fafb1
```
#9fafb1 rgb(159,175,177)
```
#98b5b8
```
#98b5b8 rgb(152,181,184)
```
#91babf
```
#91babf rgb(145,186,191)
```
#8bc0c5
```
#8bc0c5 rgb(139,192,197)
```
#84c5cc
```
#84c5cc rgb(132,197,204)
```
#7dcad3
```
#7dcad3 rgb(125,202,211)
```
#77d0d9
```
#77d0d9 rgb(119,208,217)
```
#70d5e0
```
#70d5e0 rgb(112,213,224)
```
#69dbe7
```
#69dbe7 rgb(105,219,231)
```
#63e0ed
```
#63e0ed rgb(99,224,237)
```
#5ce5f4
```
#5ce5f4 rgb(92,229,244)
```
#55ebfb
```
#55ebfb rgb(85,235,251)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a9b6b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbcc8 Protanopia 1% of men
#c4b9d3 Deuteranopia 1% of men
#8cc6d5 Tritanopia 0.001% of the population

Trichromacy

#a8bfc9 Protanomaly 1% of men, 0.01% of women
#adbdd0 Deuteranomaly 6% of men, 0.4% of women
#89c6d1 Tritanomaly 0.01% of the population

#84c5cc hex color

#84c5cc Color Information

#84c5cc Color Conversion

Color Schemes with #84c5cc

Alternatives to #84c5cc

#84c5cc Preview

Shades and Tints of #84c5cc

Tones of #84c5cc

Color Blindness Simulator