#84b2da hex color

In a RGB color space, hex #84b2da is composed of 51.8% red, 69.8% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 18.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 207.9 degrees, a saturation of 53.8% and a lightness of 68.6%. #84b2da color hex could be obtained by blending #ffffff with #0965b5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 70
- B 85
RGB color chart
- C 39
- M 18
- Y 0
- K 15
CMYK color chart

● #84b2da color description : Very soft blue.

The hexadecimal color #84b2da has RGB values of R:132, G:178, B:218 and CMYK values of C:0.39, M:0.18, Y:0, K:0.15. Its decimal value is 8696538.

Hex triplet	84b2da	`#84b2da`
RGB Decimal	132, 178, 218	`rgb(132,178,218)`
RGB Percent	51.8, 69.8, 85.5	`rgb(51.8%,69.8%,85.5%)`
CMYK	39, 18, 0, 15
HSL	207.9°, 53.8, 68.6	`hsl(207.9,53.8%,68.6%)`
HSV (or HSB)	207.9°, 39.4, 85.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.737, -5.241, -25.008
XYZ	38.088, 41.807, 72.388
xyY	0.25, 0.275, 41.807
CIE-LCH	70.737, 25.551, 258.163
CIE-LUV	70.737, -23.15, -38.538
Hunter-Lab	64.658, -8.003, -21.118
Binary	10000100, 10110010, 11011010

#84b2da
```
#84b2da rgb(132,178,218)
```
#daac84
```
#daac84 rgb(218,172,132)
```

Complementary Color

#84dad7
```
#84dad7 rgb(132,218,215)
```
#84b2da
```
#84b2da rgb(132,178,218)
```
#8487da
```
#8487da rgb(132,135,218)
```

Analogous Color

#dad784
```
#dad784 rgb(218,215,132)
```
#84b2da
```
#84b2da rgb(132,178,218)
```
#da8487
```
#da8487 rgb(218,132,135)
```

Split Complementary Color

#b2da84
```
#b2da84 rgb(178,218,132)
```
#84b2da
```
#84b2da rgb(132,178,218)
```
#da84b2
```
#da84b2 rgb(218,132,178)
```

Triadic Color

#84daac
```
#84daac rgb(132,218,172)
```
#84b2da
```
#84b2da rgb(132,178,218)
```
#da84b2
```
#da84b2 rgb(218,132,178)
```
#daac84
```
#daac84 rgb(218,172,132)
```

Tetradic Color

#498dc8
```
#498dc8 rgb(73,141,200)
```
#5d99ce
```
#5d99ce rgb(93,153,206)
```
#70a6d4
```
#70a6d4 rgb(112,166,212)
```
#84b2da
```
#84b2da rgb(132,178,218)
```
#98bee0
```
#98bee0 rgb(152,190,224)
```
#abcbe6
```
#abcbe6 rgb(171,203,230)
```
#bfd7ec
```
#bfd7ec rgb(191,215,236)
```

Monochromatic Color

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

#84c8da
```
#84c8da rgb(132,200,218)
```
#84c0da
```
#84c0da rgb(132,192,218)
```
#84b9da
```
#84b9da rgb(132,185,218)
```
#84b2da
```
#84b2da rgb(132,178,218)
```
#84abda
```
#84abda rgb(132,171,218)
```
#84a4da
```
#84a4da rgb(132,164,218)
```
#849dda
```
#849dda rgb(132,157,218)
```

Similar Colors

Text with hexadecimal color #84b2da

This text has a font color of #84b2da.

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

#84b2da background color

This paragraph has a background color of #84b2da.

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

#84b2da border color

This element has a border color of #84b2da.

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

CSS codes

.text {color:#84b2da;}

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

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

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, #04090d is the darkest color, while #fdfefe is the lightest one.

#04090d
```
#04090d rgb(4,9,13)
```
#08131c
```
#08131c rgb(8,19,28)
```
#0d1d2b
```
#0d1d2b rgb(13,29,43)
```
#11273a
```
#11273a rgb(17,39,58)
```
#163149
```
#163149 rgb(22,49,73)
```
#1b3b58
```
#1b3b58 rgb(27,59,88)
```
#1f4667
```
#1f4667 rgb(31,70,103)
```
#245076
```
#245076 rgb(36,80,118)
```
#285a85
```
#285a85 rgb(40,90,133)
```
#2d6494
```
#2d6494 rgb(45,100,148)
```
#316ea4
```
#316ea4 rgb(49,110,164)
```
#3679b3
```
#3679b3 rgb(54,121,179)
```
#3a83c2
```
#3a83c2 rgb(58,131,194)
```

Shade Color Variation

#488cc8
```
#488cc8 rgb(72,140,200)
```
#5796cc
```
#5796cc rgb(87,150,204)
```
#669fd1
```
#669fd1 rgb(102,159,209)
```
#75a9d5
```
#75a9d5 rgb(117,169,213)
```
#84b2da
```
#84b2da rgb(132,178,218)
```
#93bbdf
```
#93bbdf rgb(147,187,223)
```
#a2c5e3
```
#a2c5e3 rgb(162,197,227)
```
#b1cee8
```
#b1cee8 rgb(177,206,232)
```
#c0d8ec
```
#c0d8ec rgb(192,216,236)
```
#cfe1f1
```
#cfe1f1 rgb(207,225,241)
```
#deebf5
```
#deebf5 rgb(222,235,245)
```
#eef4fa
```
#eef4fa rgb(238,244,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#a9afb5
```
#a9afb5 rgb(169,175,181)
```
#a3b0bb
```
#a3b0bb rgb(163,176,187)
```
#9db0c1
```
#9db0c1 rgb(157,176,193)
```
#96b1c8
```
#96b1c8 rgb(150,177,200)
```
#90b1ce
```
#90b1ce rgb(144,177,206)
```
#8ab2d4
```
#8ab2d4 rgb(138,178,212)
```
#84b2da
```
#84b2da rgb(132,178,218)
```
#7eb2e0
```
#7eb2e0 rgb(126,178,224)
```
#78b3e6
```
#78b3e6 rgb(120,179,230)
```
#72b3ec
```
#72b3ec rgb(114,179,236)
```
#6bb4f3
```
#6bb4f3 rgb(107,180,243)
```
#65b4f9
```
#65b4f9 rgb(101,180,249)
```
#5fb5ff
```
#5fb5ff rgb(95,181,255)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a2abb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7afd7 Protanopia 1% of men
#a8aede Deuteranopia 1% of men
#83b9c7 Tritanopia 0.001% of the population

Trichromacy

#9ab0d8 Protanomaly 1% of men, 0.01% of women
#9bafdc Deuteranomaly 6% of men, 0.4% of women
#83b6ce Tritanomaly 0.01% of the population

#84b2da hex color

#84b2da Color Information

#84b2da Color Conversion

Color Schemes with #84b2da

Alternatives to #84b2da

#84b2da Preview

Shades and Tints of #84b2da

Tones of #84b2da

Color Blindness Simulator