#84b4fc hex color

In a RGB color space, hex #84b4fc is composed of 51.8% red, 70.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 28.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 216 degrees, a saturation of 95.2% and a lightness of 75.3%. #84b4fc color hex could be obtained by blending #ffffff with #0969f9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 71
- B 99
RGB color chart
- C 48
- M 29
- Y 0
- K 1
CMYK color chart

● #84b4fc color description : Soft blue.

The hexadecimal color #84b4fc has RGB values of R:132, G:180, B:252 and CMYK values of C:0.48, M:0.29, Y:0, K:0.01. Its decimal value is 8697084.

Hex triplet	84b4fc	`#84b4fc`
RGB Decimal	132, 180, 252	`rgb(132,180,252)`
RGB Percent	51.8, 70.6, 98.8	`rgb(51.8%,70.6%,98.8%)`
CMYK	48, 29, 0, 1
HSL	216°, 95.2, 75.3	`hsl(216,95.2%,75.3%)`
HSV (or HSB)	216°, 47.6, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.611, 3.092, -40.591
XYZ	43.404, 44.574, 98.407
xyY	0.233, 0.239, 44.574
CIE-LCH	72.611, 40.709, 274.356
CIE-LUV	72.611, -24.044, -66.123
Hunter-Lab	66.764, -0.793, -40.656
Binary	10000100, 10110100, 11111100

#84b4fc
```
#84b4fc rgb(132,180,252)
```
#fccc84
```
#fccc84 rgb(252,204,132)
```

Complementary Color

#84f0fc
```
#84f0fc rgb(132,240,252)
```
#84b4fc
```
#84b4fc rgb(132,180,252)
```
#9084fc
```
#9084fc rgb(144,132,252)
```

Analogous Color

#f0fc84
```
#f0fc84 rgb(240,252,132)
```
#84b4fc
```
#84b4fc rgb(132,180,252)
```
#fc9084
```
#fc9084 rgb(252,144,132)
```

Split Complementary Color

#b4fc84
```
#b4fc84 rgb(180,252,132)
```
#84b4fc
```
#84b4fc rgb(132,180,252)
```
#fc84b4
```
#fc84b4 rgb(252,132,180)
```

Triadic Color

#84fccc
```
#84fccc rgb(132,252,204)
```
#84b4fc
```
#84b4fc rgb(132,180,252)
```
#fc84b4
```
#fc84b4 rgb(252,132,180)
```
#fccc84
```
#fccc84 rgb(252,204,132)
```

Tetradic Color

#3986fa
```
#3986fa rgb(57,134,250)
```
#5296fb
```
#5296fb rgb(82,150,251)
```
#6ba5fb
```
#6ba5fb rgb(107,165,251)
```
#84b4fc
```
#84b4fc rgb(132,180,252)
```
#9dc3fd
```
#9dc3fd rgb(157,195,253)
```
#b6d2fd
```
#b6d2fd rgb(182,210,253)
```
#cfe2fe
```
#cfe2fe rgb(207,226,254)
```

Monochromatic Color

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

#84d2fc
```
#84d2fc rgb(132,210,252)
```
#84c8fc
```
#84c8fc rgb(132,200,252)
```
#84befc
```
#84befc rgb(132,190,252)
```
#84b4fc
```
#84b4fc rgb(132,180,252)
```
#84aafc
```
#84aafc rgb(132,170,252)
```
#84a0fc
```
#84a0fc rgb(132,160,252)
```
#8496fc
```
#8496fc rgb(132,150,252)
```

Similar Colors

Text with hexadecimal color #84b4fc

This text has a font color of #84b4fc.

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

#84b4fc background color

This paragraph has a background color of #84b4fc.

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

#84b4fc border color

This element has a border color of #84b4fc.

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

CSS codes

.text {color:#84b4fc;}

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

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

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, #00050b is the darkest color, while #f7faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#010d1e
```
#010d1e rgb(1,13,30)
```
#011431
```
#011431 rgb(1,20,49)
```
#021c44
```
#021c44 rgb(2,28,68)
```
#022458
```
#022458 rgb(2,36,88)
```
#032c6b
```
#032c6b rgb(3,44,107)
```
#03347e
```
#03347e rgb(3,52,126)
```
#043c91
```
#043c91 rgb(4,60,145)
```
#0444a4
```
#0444a4 rgb(4,68,164)
```
#044cb7
```
#044cb7 rgb(4,76,183)
```
#0554cb
```
#0554cb rgb(5,84,203)
```
#055cde
```
#055cde rgb(5,92,222)
```
#0664f1
```
#0664f1 rgb(6,100,241)
```

Shade Color Variation

#116ef9
```
#116ef9 rgb(17,110,249)
```
#247afa
```
#247afa rgb(36,122,250)
```
#3785fa
```
#3785fa rgb(55,133,250)
```
#4b91fb
```
#4b91fb rgb(75,145,251)
```
#5e9dfb
```
#5e9dfb rgb(94,157,251)
```
#71a8fc
```
#71a8fc rgb(113,168,252)
```
#84b4fc
```
#84b4fc rgb(132,180,252)
```
#97c0fc
```
#97c0fc rgb(151,192,252)
```
#aacbfd
```
#aacbfd rgb(170,203,253)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#d1e3fe
```
#d1e3fe rgb(209,227,254)
```
#e4eefe
```
#e4eefe rgb(228,238,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#bec0c2
```
#bec0c2 rgb(190,192,194)
```
#b9bfc7
```
#b9bfc7 rgb(185,191,199)
```
#b4becc
```
#b4becc rgb(180,190,204)
```
#b0bdd0
```
#b0bdd0 rgb(176,189,208)
```
#abbcd5
```
#abbcd5 rgb(171,188,213)
```
#a6bbda
```
#a6bbda rgb(166,187,218)
```
#a1badf
```
#a1badf rgb(161,186,223)
```
#9cb9e4
```
#9cb9e4 rgb(156,185,228)
```
#97b8e9
```
#97b8e9 rgb(151,184,233)
```
#93b7ed
```
#93b7ed rgb(147,183,237)
```
#8eb6f2
```
#8eb6f2 rgb(142,182,242)
```
#89b5f7
```
#89b5f7 rgb(137,181,247)
```
#84b4fc
```
#84b4fc rgb(132,180,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a6afbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb3f9 Protanopia 1% of men
#98b4fd Deuteranopia 1% of men
#78c1cf Tritanopia 0.001% of the population

Trichromacy

#95b3fa Protanomaly 1% of men, 0.01% of women
#90b4fc Deuteranomaly 6% of men, 0.4% of women
#7cbcdf Tritanomaly 0.01% of the population

#84b4fc hex color

#84b4fc Color Information

#84b4fc Color Conversion

Color Schemes with #84b4fc

Alternatives to #84b4fc

#84b4fc Preview

Shades and Tints of #84b4fc

Tones of #84b4fc

Color Blindness Simulator