#84bcdb hex color

In a RGB color space, hex #84bcdb is composed of 51.8% red, 73.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 14.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 201.4 degrees, a saturation of 54.7% and a lightness of 68.8%. #84bcdb color hex could be obtained by blending #ffffff with #0979b7. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 52
- G 74
- B 86
RGB color chart
- C 40
- M 14
- Y 0
- K 14
CMYK color chart

● #84bcdb color description : Very soft blue.

The hexadecimal color #84bcdb has RGB values of R:132, G:188, B:219 and CMYK values of C:0.4, M:0.14, Y:0, K:0.14. Its decimal value is 8699099.

Hex triplet	84bcdb	`#84bcdb`
RGB Decimal	132, 188, 219	`rgb(132,188,219)`
RGB Percent	51.8, 73.7, 85.9	`rgb(51.8%,73.7%,85.9%)`
CMYK	40, 14, 0, 14
HSL	201.4°, 54.7, 68.8	`hsl(201.4,54.7%,68.8%)`
HSV (or HSB)	201.4°, 39.7, 85.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.536, -10.356, -21.285
XYZ	40.282, 45.985, 73.767
xyY	0.252, 0.287, 45.985
CIE-LCH	73.536, 23.671, 244.055
CIE-LUV	73.536, -27.218, -31.845
Hunter-Lab	67.812, -12.637, -17.029
Binary	10000100, 10111100, 11011011

#84bcdb
```
#84bcdb rgb(132,188,219)
```
#dba384
```
#dba384 rgb(219,163,132)
```

Complementary Color

#84dbcf
```
#84dbcf rgb(132,219,207)
```
#84bcdb
```
#84bcdb rgb(132,188,219)
```
#8491db
```
#8491db rgb(132,145,219)
```

Analogous Color

#dbcf84
```
#dbcf84 rgb(219,207,132)
```
#84bcdb
```
#84bcdb rgb(132,188,219)
```
#db8491
```
#db8491 rgb(219,132,145)
```

Split Complementary Color

#bcdb84
```
#bcdb84 rgb(188,219,132)
```
#84bcdb
```
#84bcdb rgb(132,188,219)
```
#db84bc
```
#db84bc rgb(219,132,188)
```

Triadic Color

#84dba3
```
#84dba3 rgb(132,219,163)
```
#84bcdb
```
#84bcdb rgb(132,188,219)
```
#db84bc
```
#db84bc rgb(219,132,188)
```
#dba384
```
#dba384 rgb(219,163,132)
```

Tetradic Color

#499cca
```
#499cca rgb(73,156,202)
```
#5da7cf
```
#5da7cf rgb(93,167,207)
```
#70b1d5
```
#70b1d5 rgb(112,177,213)
```
#84bcdb
```
#84bcdb rgb(132,188,219)
```
#98c7e1
```
#98c7e1 rgb(152,199,225)
```
#abd1e7
```
#abd1e7 rgb(171,209,231)
```
#bfdcec
```
#bfdcec rgb(191,220,236)
```

Monochromatic Color

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

#84d2db
```
#84d2db rgb(132,210,219)
```
#84cbdb
```
#84cbdb rgb(132,203,219)
```
#84c3db
```
#84c3db rgb(132,195,219)
```
#84bcdb
```
#84bcdb rgb(132,188,219)
```
#84b5db
```
#84b5db rgb(132,181,219)
```
#84aedb
```
#84aedb rgb(132,174,219)
```
#84a6db
```
#84a6db rgb(132,166,219)
```

Similar Colors

Text with hexadecimal color #84bcdb

This text has a font color of #84bcdb.

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

#84bcdb background color

This paragraph has a background color of #84bcdb.

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

#84bcdb border color

This element has a border color of #84bcdb.

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

CSS codes

.text {color:#84bcdb;}

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

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

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, #040a0e is the darkest color, while #fdfeff is the lightest one.

#040a0e
```
#040a0e rgb(4,10,14)
```
#08151d
```
#08151d rgb(8,21,29)
```
#0d212c
```
#0d212c rgb(13,33,44)
```
#112c3b
```
#112c3b rgb(17,44,59)
```
#16384a
```
#16384a rgb(22,56,74)
```
#1a4359
```
#1a4359 rgb(26,67,89)
```
#1f4e69
```
#1f4e69 rgb(31,78,105)
```
#235a78
```
#235a78 rgb(35,90,120)
```
#286587
```
#286587 rgb(40,101,135)
```
#2c7096
```
#2c7096 rgb(44,112,150)
```
#307ca5
```
#307ca5 rgb(48,124,165)
```
#3587b4
```
#3587b4 rgb(53,135,180)
```
#3992c4
```
#3992c4 rgb(57,146,196)
```

Shade Color Variation

#479bc9
```
#479bc9 rgb(71,155,201)
```
#56a3ce
```
#56a3ce rgb(86,163,206)
```
#66abd2
```
#66abd2 rgb(102,171,210)
```
#75b4d7
```
#75b4d7 rgb(117,180,215)
```
#84bcdb
```
#84bcdb rgb(132,188,219)
```
#93c4df
```
#93c4df rgb(147,196,223)
```
#a2cde4
```
#a2cde4 rgb(162,205,228)
```
#b2d5e8
```
#b2d5e8 rgb(178,213,232)
```
#c1dded
```
#c1dded rgb(193,221,237)
```
#d0e5f1
```
#d0e5f1 rgb(208,229,241)
```
#dfeef6
```
#dfeef6 rgb(223,238,246)
```
#eef6fa
```
#eef6fa rgb(238,246,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#afb0b0
```
#afb0b0 rgb(175,176,176)
```
#a9b1b6
```
#a9b1b6 rgb(169,177,182)
```
#a3b3bc
```
#a3b3bc rgb(163,179,188)
```
#9cb5c3
```
#9cb5c3 rgb(156,181,195)
```
#96b7c9
```
#96b7c9 rgb(150,183,201)
```
#90b8cf
```
#90b8cf rgb(144,184,207)
```
#8abad5
```
#8abad5 rgb(138,186,213)
```
#84bcdb
```
#84bcdb rgb(132,188,219)
```
#7ebee1
```
#7ebee1 rgb(126,190,225)
```
#78c0e7
```
#78c0e7 rgb(120,192,231)
```
#72c1ed
```
#72c1ed rgb(114,193,237)
```
#6cc3f3
```
#6cc3f3 rgb(108,195,243)
```
#65c5fa
```
#65c5fa rgb(101,197,250)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a6b2b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b6d7 Protanopia 1% of men
#b3b5e0 Deuteranopia 1% of men
#86c1cf Tritanopia 0.001% of the population

Trichromacy

#a0b8d8 Protanomaly 1% of men, 0.01% of women
#a2b7de Deuteranomaly 6% of men, 0.4% of women
#85bfd3 Tritanomaly 0.01% of the population

#84bcdb hex color

#84bcdb Color Information

#84bcdb Color Conversion

Color Schemes with #84bcdb

Alternatives to #84bcdb

#84bcdb Preview

Shades and Tints of #84bcdb

Tones of #84bcdb

Color Blindness Simulator