#84b5f7 hex color

In a RGB color space, hex #84b5f7 is composed of 51.8% red, 71% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 26.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 214.4 degrees, a saturation of 87.8% and a lightness of 74.3%. #84b5f7 color hex could be obtained by blending #ffffff with #096bef. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 71
- B 97
RGB color chart
- C 47
- M 27
- Y 0
- K 3
CMYK color chart

● #84b5f7 color description : Soft blue.

The hexadecimal color #84b5f7 has RGB values of R:132, G:181, B:247 and CMYK values of C:0.47, M:0.27, Y:0, K:0.03. Its decimal value is 8697335.

Hex triplet	84b5f7	`#84b5f7`
RGB Decimal	132, 181, 247	`rgb(132,181,247)`
RGB Percent	51.8, 71, 96.9	`rgb(51.8%,71%,96.9%)`
CMYK	47, 27, 0, 3
HSL	214.4°, 87.8, 74.3	`hsl(214.4,87.8%,74.3%)`
HSV (or HSB)	214.4°, 46.6, 96.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.672, 1.107, -37.795
XYZ	42.824, 44.667, 94.356
xyY	0.235, 0.246, 44.667
CIE-LCH	72.672, 37.811, 271.678
CIE-LUV	72.672, -24.408, -61.103
Hunter-Lab	66.833, -2.581, -36.923
Binary	10000100, 10110101, 11110111

#84b5f7
```
#84b5f7 rgb(132,181,247)
```
#f7c684
```
#f7c684 rgb(247,198,132)
```

Complementary Color

#84eff7
```
#84eff7 rgb(132,239,247)
```
#84b5f7
```
#84b5f7 rgb(132,181,247)
```
#8d84f7
```
#8d84f7 rgb(141,132,247)
```

Analogous Color

#eff784
```
#eff784 rgb(239,247,132)
```
#84b5f7
```
#84b5f7 rgb(132,181,247)
```
#f78d84
```
#f78d84 rgb(247,141,132)
```

Split Complementary Color

#b5f784
```
#b5f784 rgb(181,247,132)
```
#84b5f7
```
#84b5f7 rgb(132,181,247)
```
#f784b5
```
#f784b5 rgb(247,132,181)
```

Triadic Color

#84f7c6
```
#84f7c6 rgb(132,247,198)
```
#84b5f7
```
#84b5f7 rgb(132,181,247)
```
#f784b5
```
#f784b5 rgb(247,132,181)
```
#f7c684
```
#f7c684 rgb(247,198,132)
```

Tetradic Color

#3c8af2
```
#3c8af2 rgb(60,138,242)
```
#5498f4
```
#5498f4 rgb(84,152,244)
```
#6ca7f5
```
#6ca7f5 rgb(108,167,245)
```
#84b5f7
```
#84b5f7 rgb(132,181,247)
```
#9cc3f9
```
#9cc3f9 rgb(156,195,249)
```
#b4d2fa
```
#b4d2fa rgb(180,210,250)
```
#cce0fc
```
#cce0fc rgb(204,224,252)
```

Monochromatic Color

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

#84d2f7
```
#84d2f7 rgb(132,210,247)
```
#84c8f7
```
#84c8f7 rgb(132,200,247)
```
#84bff7
```
#84bff7 rgb(132,191,247)
```
#84b5f7
```
#84b5f7 rgb(132,181,247)
```
#84abf7
```
#84abf7 rgb(132,171,247)
```
#84a2f7
```
#84a2f7 rgb(132,162,247)
```
#8498f7
```
#8498f7 rgb(132,152,247)
```

Similar Colors

Text with hexadecimal color #84b5f7

This text has a font color of #84b5f7.

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

#84b5f7 background color

This paragraph has a background color of #84b5f7.

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

#84b5f7 border color

This element has a border color of #84b5f7.

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

CSS codes

.text {color:#84b5f7;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#020b18
```
#020b18 rgb(2,11,24)
```
#03142b
```
#03142b rgb(3,20,43)
```
#041c3d
```
#041c3d rgb(4,28,61)
```
#052550
```
#052550 rgb(5,37,80)
```
#062d62
```
#062d62 rgb(6,45,98)
```
#083674
```
#083674 rgb(8,54,116)
```
#093e87
```
#093e87 rgb(9,62,135)
```
#0a4799
```
#0a4799 rgb(10,71,153)
```
#0b50ac
```
#0b50ac rgb(11,80,172)
```
#0c58be
```
#0c58be rgb(12,88,190)
```
#0e61d1
```
#0e61d1 rgb(14,97,209)
```
#0f69e3
```
#0f69e3 rgb(15,105,227)
```

Shade Color Variation

#1573f0
```
#1573f0 rgb(21,115,240)
```
#287ef1
```
#287ef1 rgb(40,126,241)
```
#3a89f2
```
#3a89f2 rgb(58,137,242)
```
#4d94f3
```
#4d94f3 rgb(77,148,243)
```
#5f9ff5
```
#5f9ff5 rgb(95,159,245)
```
#72aaf6
```
#72aaf6 rgb(114,170,246)
```
#84b5f7
```
#84b5f7 rgb(132,181,247)
```
#96c0f8
```
#96c0f8 rgb(150,192,248)
```
#a9cbf9
```
#a9cbf9 rgb(169,203,249)
```
#bbd6fb
```
#bbd6fb rgb(187,214,251)
```
#cee1fc
```
#cee1fc rgb(206,225,252)
```
#e0ecfd
```
#e0ecfd rgb(224,236,253)
```
#f3f7fe
```
#f3f7fe rgb(243,247,254)
```

Tint Color Variation

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

#bbbdc0
```
#bbbdc0 rgb(187,189,192)
```
#b6bcc5
```
#b6bcc5 rgb(182,188,197)
```
#b1bcca
```
#b1bcca rgb(177,188,202)
```
#acbbcf
```
#acbbcf rgb(172,187,207)
```
#a7bad4
```
#a7bad4 rgb(167,186,212)
```
#a2b9d9
```
#a2b9d9 rgb(162,185,217)
```
#9db9de
```
#9db9de rgb(157,185,222)
```
#98b8e3
```
#98b8e3 rgb(152,184,227)
```
#93b7e8
```
#93b7e8 rgb(147,183,232)
```
#8eb6ed
```
#8eb6ed rgb(142,182,237)
```
#89b6f2
```
#89b6f2 rgb(137,182,242)
```
#84b5f7
```
#84b5f7 rgb(132,181,247)
```
#7fb4fc
```
#7fb4fc rgb(127,180,252)
```

Tone Color Variation

Below, you can see how #84b5f7 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
#a6afbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b4f4 Protanopia 1% of men
#9cb4f9 Deuteranopia 1% of men
#7ac0ce Tritanopia 0.001% of the population

Trichromacy

#97b4f5 Protanomaly 1% of men, 0.01% of women
#93b4f8 Deuteranomaly 6% of men, 0.4% of women
#7ebcdd Tritanomaly 0.01% of the population

#84b5f7 hex color

#84b5f7 Color Information

#84b5f7 Color Conversion

Color Schemes with #84b5f7

Alternatives to #84b5f7

#84b5f7 Preview

Shades and Tints of #84b5f7

Tones of #84b5f7

Color Blindness Simulator