colorhexa.com

#84cbd4 hex color

In a RGB color space, hex #84cbd4 is composed of 51.8% red, 79.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 4.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 186.8 degrees, a saturation of 48.2% and a lightness of 67.5%. #84cbd4 color hex could be obtained by blending #ffffff with #0997a9. Closest websafe color is: #99cccc.

- R 52
- G 80
- B 83
RGB color chart
- C 38
- M 4
- Y 0
- K 17
CMYK color chart

● #84cbd4 color description : Slightly desaturated cyan.

The hexadecimal color #84cbd4 has RGB values of R:132, G:203, B:212 and CMYK values of C:0.38, M:0.04, Y:0, K:0.17. Its decimal value is 8702932.

Hex triplet	84cbd4	`#84cbd4`
RGB Decimal	132, 203, 212	`rgb(132,203,212)`
RGB Percent	51.8, 79.6, 83.1	`rgb(51.8%,79.6%,83.1%)`
CMYK	38, 4, 0, 17
HSL	186.8°, 48.2, 67.5	`hsl(186.8,48.2%,67.5%)`
HSV (or HSB)	186.8°, 37.7, 83.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.501, -19.922, -11.52
XYZ	42.752, 52.369, 70.139
xyY	0.259, 0.317, 52.369
CIE-LCH	77.501, 23.013, 210.038
CIE-LUV	77.501, -33.452, -14.688
Hunter-Lab	72.366, -21.187, -6.809
Binary	10000100, 11001011, 11010100

#84cbd4
```
#84cbd4 rgb(132,203,212)
```
#d48d84
```
#d48d84 rgb(212,141,132)
```

Complementary Color

#84d4b5
```
#84d4b5 rgb(132,212,181)
```
#84cbd4
```
#84cbd4 rgb(132,203,212)
```
#84a3d4
```
#84a3d4 rgb(132,163,212)
```

Analogous Color

#d4b584
```
#d4b584 rgb(212,181,132)
```
#84cbd4
```
#84cbd4 rgb(132,203,212)
```
#d484a3
```
#d484a3 rgb(212,132,163)
```

Split Complementary Color

#cbd484
```
#cbd484 rgb(203,212,132)
```
#84cbd4
```
#84cbd4 rgb(132,203,212)
```
#d484cb
```
#d484cb rgb(212,132,203)
```

Triadic Color

#84d48d
```
#84d48d rgb(132,212,141)
```
#84cbd4
```
#84cbd4 rgb(132,203,212)
```
#d484cb
```
#d484cb rgb(212,132,203)
```
#d48d84
```
#d48d84 rgb(212,141,132)
```

Tetradic Color

#4bb3c0
```
#4bb3c0 rgb(75,179,192)
```
#5ebbc7
```
#5ebbc7 rgb(94,187,199)
```
#71c3cd
```
#71c3cd rgb(113,195,205)
```
#84cbd4
```
#84cbd4 rgb(132,203,212)
```
#97d3db
```
#97d3db rgb(151,211,219)
```
#aadbe1
```
#aadbe1 rgb(170,219,225)
```
#bde3e8
```
#bde3e8 rgb(189,227,232)
```

Monochromatic Color

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

#84d4c9
```
#84d4c9 rgb(132,212,201)
```
#84d4d0
```
#84d4d0 rgb(132,212,208)
```
#84d2d4
```
#84d2d4 rgb(132,210,212)
```
#84cbd4
```
#84cbd4 rgb(132,203,212)
```
#84c4d4
```
#84c4d4 rgb(132,196,212)
```
#84bed4
```
#84bed4 rgb(132,190,212)
```
#84b7d4
```
#84b7d4 rgb(132,183,212)
```

Similar Colors

Text with hexadecimal color #84cbd4

This text has a font color of #84cbd4.

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

#84cbd4 background color

This paragraph has a background color of #84cbd4.

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

#84cbd4 border color

This element has a border color of #84cbd4.

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

CSS codes

.text {color:#84cbd4;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#081516
```
#081516 rgb(8,21,22)
```
#0d2225
```
#0d2225 rgb(13,34,37)
```
#123033
```
#123033 rgb(18,48,51)
```
#173d42
```
#173d42 rgb(23,61,66)
```
#1c4b50
```
#1c4b50 rgb(28,75,80)
```
#21585f
```
#21585f rgb(33,88,95)
```
#26666e
```
#26666e rgb(38,102,110)
```
#2b737c
```
#2b737c rgb(43,115,124)
```
#30808b
```
#30808b rgb(48,128,139)
```
#368e99
```
#368e99 rgb(54,142,153)
```
#3b9ba8
```
#3b9ba8 rgb(59,155,168)
```
#40a9b6
```
#40a9b6 rgb(64,169,182)
```

Shade Color Variation

#4ab2c0
```
#4ab2c0 rgb(74,178,192)
```
#58b9c5
```
#58b9c5 rgb(88,185,197)
```
#67bfca
```
#67bfca rgb(103,191,202)
```
#75c5cf
```
#75c5cf rgb(117,197,207)
```
#84cbd4
```
#84cbd4 rgb(132,203,212)
```
#93d1d9
```
#93d1d9 rgb(147,209,217)
```
#a1d7de
```
#a1d7de rgb(161,215,222)
```
#b0dde3
```
#b0dde3 rgb(176,221,227)
```
#bee4e8
```
#bee4e8 rgb(190,228,232)
```
#cdeaed
```
#cdeaed rgb(205,234,237)
```
#dbf0f2
```
#dbf0f2 rgb(219,240,242)
```
#eaf6f8
```
#eaf6f8 rgb(234,246,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#aaadae
```
#aaadae rgb(170,173,174)
```
#a4b2b4
```
#a4b2b4 rgb(164,178,180)
```
#9eb7ba
```
#9eb7ba rgb(158,183,186)
```
#97bcc1
```
#97bcc1 rgb(151,188,193)
```
#91c1c7
```
#91c1c7 rgb(145,193,199)
```
#8ac6ce
```
#8ac6ce rgb(138,198,206)
```
#84cbd4
```
#84cbd4 rgb(132,203,212)
```
#7ed0da
```
#7ed0da rgb(126,208,218)
```
#77d5e1
```
#77d5e1 rgb(119,213,225)
```
#71dae7
```
#71dae7 rgb(113,218,231)
```
#6adfee
```
#6adfee rgb(106,223,238)
```
#64e4f4
```
#64e4f4 rgb(100,228,244)
```
#5ee9fa
```
#5ee9fa rgb(94,233,250)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#adbbbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c1cf Protanopia 1% of men
#c8bedb Deuteranopia 1% of men
#8cccdb Tritanopia 0.001% of the population

Trichromacy

#abc5d1 Protanomaly 1% of men, 0.01% of women
#afc2d8 Deuteranomaly 6% of men, 0.4% of women
#89ccd8 Tritanomaly 0.01% of the population