#84b0f9 hex color

In a RGB color space, hex #84b0f9 is composed of 51.8% red, 69% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 29.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 217.4 degrees, a saturation of 90.7% and a lightness of 74.7%. #84b0f9 color hex could be obtained by blending #ffffff with #0961f3. Closest websafe color is: #9999ff.

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

● #84b0f9 color description : Soft blue.

The hexadecimal color #84b0f9 has RGB values of R:132, G:176, B:249 and CMYK values of C:0.47, M:0.29, Y:0, K:0.02. Its decimal value is 8696057.

Hex triplet	84b0f9	`#84b0f9`
RGB Decimal	132, 176, 249	`rgb(132,176,249)`
RGB Percent	51.8, 69, 97.6	`rgb(51.8%,69%,97.6%)`
CMYK	47, 29, 0, 2
HSL	217.4°, 90.7, 74.7	`hsl(217.4,90.7%,74.7%)`
HSV (or HSB)	217.4°, 47, 97.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.415, 4.461, -40.835
XYZ	42.136, 42.794, 95.657
xyY	0.233, 0.237, 42.794
CIE-LCH	71.415, 41.078, 276.235
CIE-LUV	71.415, -22.527, -66.561
Hunter-Lab	65.417, 0.495, -40.906
Binary	10000100, 10110000, 11111001

#84b0f9
```
#84b0f9 rgb(132,176,249)
```
#f9cd84
```
#f9cd84 rgb(249,205,132)
```

Complementary Color

#84ebf9
```
#84ebf9 rgb(132,235,249)
```
#84b0f9
```
#84b0f9 rgb(132,176,249)
```
#9384f9
```
#9384f9 rgb(147,132,249)
```

Analogous Color

#ebf984
```
#ebf984 rgb(235,249,132)
```
#84b0f9
```
#84b0f9 rgb(132,176,249)
```
#f99384
```
#f99384 rgb(249,147,132)
```

Split Complementary Color

#b0f984
```
#b0f984 rgb(176,249,132)
```
#84b0f9
```
#84b0f9 rgb(132,176,249)
```
#f984b0
```
#f984b0 rgb(249,132,176)
```

Triadic Color

#84f9cd
```
#84f9cd rgb(132,249,205)
```
#84b0f9
```
#84b0f9 rgb(132,176,249)
```
#f984b0
```
#f984b0 rgb(249,132,176)
```
#f9cd84
```
#f9cd84 rgb(249,205,132)
```

Tetradic Color

#3b81f5
```
#3b81f5 rgb(59,129,245)
```
#5391f7
```
#5391f7 rgb(83,145,247)
```
#6ca0f8
```
#6ca0f8 rgb(108,160,248)
```
#84b0f9
```
#84b0f9 rgb(132,176,249)
```
#9cc0fa
```
#9cc0fa rgb(156,192,250)
```
#b5cffb
```
#b5cffb rgb(181,207,251)
```
#cddffd
```
#cddffd rgb(205,223,253)
```

Monochromatic Color

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

#84cdf9
```
#84cdf9 rgb(132,205,249)
```
#84c4f9
```
#84c4f9 rgb(132,196,249)
```
#84baf9
```
#84baf9 rgb(132,186,249)
```
#84b0f9
```
#84b0f9 rgb(132,176,249)
```
#84a6f9
```
#84a6f9 rgb(132,166,249)
```
#849df9
```
#849df9 rgb(132,157,249)
```
#8493f9
```
#8493f9 rgb(132,147,249)
```

Similar Colors

Text with hexadecimal color #84b0f9

This text has a font color of #84b0f9.

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

#84b0f9 background color

This paragraph has a background color of #84b0f9.

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

#84b0f9 border color

This element has a border color of #84b0f9.

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

CSS codes

.text {color:#84b0f9;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#010b1b
```
#010b1b rgb(1,11,27)
```
#02122d
```
#02122d rgb(2,18,45)
```
#031a40
```
#031a40 rgb(3,26,64)
```
#042253
```
#042253 rgb(4,34,83)
```
#052965
```
#052965 rgb(5,41,101)
```
#063178
```
#063178 rgb(6,49,120)
```
#07388b
```
#07388b rgb(7,56,139)
```
#08409e
```
#08409e rgb(8,64,158)
```
#0948b0
```
#0948b0 rgb(9,72,176)
```
#0a4fc3
```
#0a4fc3 rgb(10,79,195)
```
#0a57d6
```
#0a57d6 rgb(10,87,214)
```
#0b5ee8
```
#0b5ee8 rgb(11,94,232)
```

Shade Color Variation

#1468f4
```
#1468f4 rgb(20,104,244)
```
#2674f4
```
#2674f4 rgb(38,116,244)
```
#3980f5
```
#3980f5 rgb(57,128,245)
```
#4c8cf6
```
#4c8cf6 rgb(76,140,246)
```
#5f98f7
```
#5f98f7 rgb(95,152,247)
```
#71a4f8
```
#71a4f8 rgb(113,164,248)
```
#84b0f9
```
#84b0f9 rgb(132,176,249)
```
#97bcfa
```
#97bcfa rgb(151,188,250)
```
#a9c8fb
```
#a9c8fb rgb(169,200,251)
```
#bcd4fc
```
#bcd4fc rgb(188,212,252)
```
#cfe0fd
```
#cfe0fd rgb(207,224,253)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

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

#bbbec2
```
#bbbec2 rgb(187,190,194)
```
#b6bcc7
```
#b6bcc7 rgb(182,188,199)
```
#b1bbcc
```
#b1bbcc rgb(177,187,204)
```
#acbad1
```
#acbad1 rgb(172,186,209)
```
#a7b9d6
```
#a7b9d6 rgb(167,185,214)
```
#a2b7db
```
#a2b7db rgb(162,183,219)
```
#9db6e0
```
#9db6e0 rgb(157,182,224)
```
#98b5e5
```
#98b5e5 rgb(152,181,229)
```
#93b4ea
```
#93b4ea rgb(147,180,234)
```
#8eb2ef
```
#8eb2ef rgb(142,178,239)
```
#89b1f4
```
#89b1f4 rgb(137,177,244)
```
#84b0f9
```
#84b0f9 rgb(132,176,249)
```
#7faffe
```
#7faffe rgb(127,175,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a3acbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bb0f6 Protanopia 1% of men
#94b1fa Deuteranopia 1% of men
#78bdcb Tritanopia 0.001% of the population

Trichromacy

#92b0f7 Protanomaly 1% of men, 0.01% of women
#8eb1f9 Deuteranomaly 6% of men, 0.4% of women
#7cb8db Tritanomaly 0.01% of the population

#84b0f9 hex color

#84b0f9 Color Information

#84b0f9 Color Conversion

Color Schemes with #84b0f9

Alternatives to #84b0f9

#84b0f9 Preview

Shades and Tints of #84b0f9

Tones of #84b0f9

Color Blindness Simulator