#84b5fa hex color

In a RGB color space, hex #84b5fa is composed of 51.8% red, 71% green and 98% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 27.6% magenta, 0% yellow and 2% black. It has a hue angle of 215.1 degrees, a saturation of 92.2% and a lightness of 74.9%. #84b5fa color hex could be obtained by blending #ffffff with #096bf5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 71
- B 98
RGB color chart
- C 47
- M 28
- Y 0
- K 2
CMYK color chart

● #84b5fa color description : Soft blue.

The hexadecimal color #84b5fa has RGB values of R:132, G:181, B:250 and CMYK values of C:0.47, M:0.28, Y:0, K:0.02. Its decimal value is 8697338.

Hex triplet	84b5fa	`#84b5fa`
RGB Decimal	132, 181, 250	`rgb(132,181,250)`
RGB Percent	51.8, 71, 98	`rgb(51.8%,71%,98%)`
CMYK	47, 28, 0, 2
HSL	215.1°, 92.2, 74.9	`hsl(215.1,92.2%,74.9%)`
HSV (or HSB)	215.1°, 47.2, 98
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.795, 1.963, -39.224
XYZ	43.291, 44.853, 96.814
xyY	0.234, 0.243, 44.853
CIE-LCH	72.795, 39.273, 272.865
CIE-LUV	72.795, -24.415, -63.666
Hunter-Lab	66.973, -1.82, -38.827
Binary	10000100, 10110101, 11111010

#84b5fa
```
#84b5fa rgb(132,181,250)
```
#fac984
```
#fac984 rgb(250,201,132)
```

Complementary Color

#84f0fa
```
#84f0fa rgb(132,240,250)
```
#84b5fa
```
#84b5fa rgb(132,181,250)
```
#8e84fa
```
#8e84fa rgb(142,132,250)
```

Analogous Color

#f0fa84
```
#f0fa84 rgb(240,250,132)
```
#84b5fa
```
#84b5fa rgb(132,181,250)
```
#fa8e84
```
#fa8e84 rgb(250,142,132)
```

Split Complementary Color

#b5fa84
```
#b5fa84 rgb(181,250,132)
```
#84b5fa
```
#84b5fa rgb(132,181,250)
```
#fa84b5
```
#fa84b5 rgb(250,132,181)
```

Triadic Color

#84fac9
```
#84fac9 rgb(132,250,201)
```
#84b5fa
```
#84b5fa rgb(132,181,250)
```
#fa84b5
```
#fa84b5 rgb(250,132,181)
```
#fac984
```
#fac984 rgb(250,201,132)
```

Tetradic Color

#3a89f7
```
#3a89f7 rgb(58,137,247)
```
#5398f8
```
#5398f8 rgb(83,152,248)
```
#6ba6f9
```
#6ba6f9 rgb(107,166,249)
```
#84b5fa
```
#84b5fa rgb(132,181,250)
```
#9dc4fb
```
#9dc4fb rgb(157,196,251)
```
#b5d2fc
```
#b5d2fc rgb(181,210,252)
```
#cee1fd
```
#cee1fd rgb(206,225,253)
```

Monochromatic Color

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

#84d3fa
```
#84d3fa rgb(132,211,250)
```
#84c9fa
```
#84c9fa rgb(132,201,250)
```
#84bffa
```
#84bffa rgb(132,191,250)
```
#84b5fa
```
#84b5fa rgb(132,181,250)
```
#84abfa
```
#84abfa rgb(132,171,250)
```
#84a1fa
```
#84a1fa rgb(132,161,250)
```
#8498fa
```
#8498fa rgb(132,152,250)
```

Similar Colors

Text with hexadecimal color #84b5fa

This text has a font color of #84b5fa.

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

#84b5fa background color

This paragraph has a background color of #84b5fa.

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

#84b5fa border color

This element has a border color of #84b5fa.

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

CSS codes

.text {color:#84b5fa;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#010c1c
```
#010c1c rgb(1,12,28)
```
#02142f
```
#02142f rgb(2,20,47)
```
#031d41
```
#031d41 rgb(3,29,65)
```
#032554
```
#032554 rgb(3,37,84)
```
#042d67
```
#042d67 rgb(4,45,103)
```
#05367a
```
#05367a rgb(5,54,122)
```
#063e8d
```
#063e8d rgb(6,62,141)
```
#0646a0
```
#0646a0 rgb(6,70,160)
```
#074eb3
```
#074eb3 rgb(7,78,179)
```
#0857c5
```
#0857c5 rgb(8,87,197)
```
#095fd8
```
#095fd8 rgb(9,95,216)
```
#0a67eb
```
#0a67eb rgb(10,103,235)
```

Shade Color Variation

#1371f5
```
#1371f5 rgb(19,113,245)
```
#267cf6
```
#267cf6 rgb(38,124,246)
```
#3988f7
```
#3988f7 rgb(57,136,247)
```
#4b93f8
```
#4b93f8 rgb(75,147,248)
```
#5e9ef8
```
#5e9ef8 rgb(94,158,248)
```
#71aaf9
```
#71aaf9 rgb(113,170,249)
```
#84b5fa
```
#84b5fa rgb(132,181,250)
```
#97c0fb
```
#97c0fb rgb(151,192,251)
```
#aaccfc
```
#aaccfc rgb(170,204,252)
```
#bdd7fc
```
#bdd7fc rgb(189,215,252)
```
#cfe2fd
```
#cfe2fd rgb(207,226,253)
```
#e2eefe
```
#e2eefe rgb(226,238,254)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#babec4
```
#babec4 rgb(186,190,196)
```
#b5bdc9
```
#b5bdc9 rgb(181,189,201)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#abbcd3
```
#abbcd3 rgb(171,188,211)
```
#a6bbd8
```
#a6bbd8 rgb(166,187,216)
```
#a2badc
```
#a2badc rgb(162,186,220)
```
#9db9e1
```
#9db9e1 rgb(157,185,225)
```
#98b8e6
```
#98b8e6 rgb(152,184,230)
```
#93b8eb
```
#93b8eb rgb(147,184,235)
```
#8eb7f0
```
#8eb7f0 rgb(142,183,240)
```
#89b6f5
```
#89b6f5 rgb(137,182,245)
```
#84b5fa
```
#84b5fa rgb(132,181,250)
```
#7fb4ff
```
#7fb4ff rgb(127,180,255)
```

Tone Color Variation

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

#a0b4f7 Protanopia 1% of men
#9ab5fb Deuteranopia 1% of men
#79c1cf Tritanopia 0.001% of the population

Trichromacy

#96b4f8 Protanomaly 1% of men, 0.01% of women
#92b5fb Deuteranomaly 6% of men, 0.4% of women
#7dbcde Tritanomaly 0.01% of the population

#84b5fa hex color

#84b5fa Color Information

#84b5fa Color Conversion

Color Schemes with #84b5fa

Alternatives to #84b5fa

#84b5fa Preview

Shades and Tints of #84b5fa

Tones of #84b5fa

Color Blindness Simulator