#84b7fc hex color

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

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

● #84b7fc color description : Soft blue.

The hexadecimal color #84b7fc has RGB values of R:132, G:183, B:252 and CMYK values of C:0.48, M:0.27, Y:0, K:0.01. Its decimal value is 8697852.

Hex triplet	84b7fc	`#84b7fc`
RGB Decimal	132, 183, 252	`rgb(132,183,252)`
RGB Percent	51.8, 71.8, 98.8	`rgb(51.8%,71.8%,98.8%)`
CMYK	48, 27, 0, 1
HSL	214.5°, 95.2, 75.3	`hsl(214.5,95.2%,75.3%)`
HSV (or HSB)	214.5°, 47.6, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.415, 1.428, -39.338
XYZ	44.016, 45.799, 98.611
xyY	0.234, 0.243, 45.799
CIE-LCH	73.415, 39.364, 272.079
CIE-LUV	73.415, -25.173, -63.866
Hunter-Lab	67.675, -2.334, -39.021
Binary	10000100, 10110111, 11111100

#84b7fc
```
#84b7fc rgb(132,183,252)
```
#fcc984
```
#fcc984 rgb(252,201,132)
```

Complementary Color

#84f3fc
```
#84f3fc rgb(132,243,252)
```
#84b7fc
```
#84b7fc rgb(132,183,252)
```
#8d84fc
```
#8d84fc rgb(141,132,252)
```

Analogous Color

#f3fc84
```
#f3fc84 rgb(243,252,132)
```
#84b7fc
```
#84b7fc rgb(132,183,252)
```
#fc8d84
```
#fc8d84 rgb(252,141,132)
```

Split Complementary Color

#b7fc84
```
#b7fc84 rgb(183,252,132)
```
#84b7fc
```
#84b7fc rgb(132,183,252)
```
#fc84b7
```
#fc84b7 rgb(252,132,183)
```

Triadic Color

#84fcc9
```
#84fcc9 rgb(132,252,201)
```
#84b7fc
```
#84b7fc rgb(132,183,252)
```
#fc84b7
```
#fc84b7 rgb(252,132,183)
```
#fcc984
```
#fcc984 rgb(252,201,132)
```

Tetradic Color

#398bfa
```
#398bfa rgb(57,139,250)
```
#529afb
```
#529afb rgb(82,154,251)
```
#6ba8fb
```
#6ba8fb rgb(107,168,251)
```
#84b7fc
```
#84b7fc rgb(132,183,252)
```
#9dc6fd
```
#9dc6fd rgb(157,198,253)
```
#b6d4fd
```
#b6d4fd rgb(182,212,253)
```
#cfe3fe
```
#cfe3fe rgb(207,227,254)
```

Monochromatic Color

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

#84d5fc
```
#84d5fc rgb(132,213,252)
```
#84cbfc
```
#84cbfc rgb(132,203,252)
```
#84c1fc
```
#84c1fc rgb(132,193,252)
```
#84b7fc
```
#84b7fc rgb(132,183,252)
```
#84adfc
```
#84adfc rgb(132,173,252)
```
#84a3fc
```
#84a3fc rgb(132,163,252)
```
#8499fc
```
#8499fc rgb(132,153,252)
```

Similar Colors

Text with hexadecimal color #84b7fc

This text has a font color of #84b7fc.

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

#84b7fc background color

This paragraph has a background color of #84b7fc.

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

#84b7fc border color

This element has a border color of #84b7fc.

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

CSS codes

.text {color:#84b7fc;}

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

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

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)
```
#011631
```
#011631 rgb(1,22,49)
```
#021e44
```
#021e44 rgb(2,30,68)
```
#022658
```
#022658 rgb(2,38,88)
```
#032f6b
```
#032f6b rgb(3,47,107)
```
#03377e
```
#03377e rgb(3,55,126)
```
#044091
```
#044091 rgb(4,64,145)
```
#0448a4
```
#0448a4 rgb(4,72,164)
```
#0451b7
```
#0451b7 rgb(4,81,183)
```
#0559cb
```
#0559cb rgb(5,89,203)
```
#0561de
```
#0561de rgb(5,97,222)
```
#066af1
```
#066af1 rgb(6,106,241)
```

Shade Color Variation

#1174f9
```
#1174f9 rgb(17,116,249)
```
#247ffa
```
#247ffa rgb(36,127,250)
```
#378afa
```
#378afa rgb(55,138,250)
```
#4b95fb
```
#4b95fb rgb(75,149,251)
```
#5ea1fb
```
#5ea1fb rgb(94,161,251)
```
#71acfc
```
#71acfc rgb(113,172,252)
```
#84b7fc
```
#84b7fc rgb(132,183,252)
```
#97c2fc
```
#97c2fc rgb(151,194,252)
```
#aacdfd
```
#aacdfd rgb(170,205,253)
```
#bdd9fd
```
#bdd9fd rgb(189,217,253)
```
#d1e4fe
```
#d1e4fe rgb(209,228,254)
```
#e4effe
```
#e4effe rgb(228,239,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 #84b7fc is the most saturated one.

#bec0c2
```
#bec0c2 rgb(190,192,194)
```
#b9bfc7
```
#b9bfc7 rgb(185,191,199)
```
#b4becc
```
#b4becc rgb(180,190,204)
```
#b0bed0
```
#b0bed0 rgb(176,190,208)
```
#abbdd5
```
#abbdd5 rgb(171,189,213)
```
#a6bcda
```
#a6bcda rgb(166,188,218)
```
#a1bbdf
```
#a1bbdf rgb(161,187,223)
```
#9cbbe4
```
#9cbbe4 rgb(156,187,228)
```
#97bae9
```
#97bae9 rgb(151,186,233)
```
#93b9ed
```
#93b9ed rgb(147,185,237)
```
#8eb8f2
```
#8eb8f2 rgb(142,184,242)
```
#89b8f7
```
#89b8f7 rgb(137,184,247)
```
#84b7fc
```
#84b7fc rgb(132,183,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a7b1bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b5f8 Protanopia 1% of men
#9cb6fd Deuteranopia 1% of men
#79c3d1 Tritanopia 0.001% of the population

Trichromacy

#97b6f9 Protanomaly 1% of men, 0.01% of women
#93b6fd Deuteranomaly 6% of men, 0.4% of women
#7dbee0 Tritanomaly 0.01% of the population

#84b7fc hex color

#84b7fc Color Information

#84b7fc Color Conversion

Color Schemes with #84b7fc

Alternatives to #84b7fc

#84b7fc Preview

Shades and Tints of #84b7fc

Tones of #84b7fc

Color Blindness Simulator