#84b0f3 hex color

In a RGB color space, hex #84b0f3 is composed of 51.8% red, 69% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 27.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 216.2 degrees, a saturation of 82.2% and a lightness of 73.5%. #84b0f3 color hex could be obtained by blending #ffffff with #0961e7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 69
- B 95
RGB color chart
- C 46
- M 28
- Y 0
- K 5
CMYK color chart

● #84b0f3 color description : Soft blue.

The hexadecimal color #84b0f3 has RGB values of R:132, G:176, B:243 and CMYK values of C:0.46, M:0.28, Y:0, K:0.05. Its decimal value is 8696051.

Hex triplet	84b0f3	`#84b0f3`
RGB Decimal	132, 176, 243	`rgb(132,176,243)`
RGB Percent	51.8, 69, 95.3	`rgb(51.8%,69%,95.3%)`
CMYK	46, 28, 0, 5
HSL	216.2°, 82.2, 73.5	`hsl(216.2,82.2%,73.5%)`
HSV (or HSB)	216.2°, 45.7, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.163, 2.747, -37.974
XYZ	41.215, 42.425, 90.806
xyY	0.236, 0.243, 42.425
CIE-LCH	71.163, 38.074, 274.138
CIE-LUV	71.163, -22.485, -61.444
Hunter-Lab	65.135, -1.037, -37.063
Binary	10000100, 10110000, 11110011

#84b0f3
```
#84b0f3 rgb(132,176,243)
```
#f3c784
```
#f3c784 rgb(243,199,132)
```

Complementary Color

#84e8f3
```
#84e8f3 rgb(132,232,243)
```
#84b0f3
```
#84b0f3 rgb(132,176,243)
```
#9084f3
```
#9084f3 rgb(144,132,243)
```

Analogous Color

#e8f384
```
#e8f384 rgb(232,243,132)
```
#84b0f3
```
#84b0f3 rgb(132,176,243)
```
#f39084
```
#f39084 rgb(243,144,132)
```

Split Complementary Color

#b0f384
```
#b0f384 rgb(176,243,132)
```
#84b0f3
```
#84b0f3 rgb(132,176,243)
```
#f384b0
```
#f384b0 rgb(243,132,176)
```

Triadic Color

#84f3c7
```
#84f3c7 rgb(132,243,199)
```
#84b0f3
```
#84b0f3 rgb(132,176,243)
```
#f384b0
```
#f384b0 rgb(243,132,176)
```
#f3c784
```
#f3c784 rgb(243,199,132)
```

Tetradic Color

#3e83ec
```
#3e83ec rgb(62,131,236)
```
#5692ee
```
#5692ee rgb(86,146,238)
```
#6da1f1
```
#6da1f1 rgb(109,161,241)
```
#84b0f3
```
#84b0f3 rgb(132,176,243)
```
#9bbff5
```
#9bbff5 rgb(155,191,245)
```
#b2cef8
```
#b2cef8 rgb(178,206,248)
```
#caddfa
```
#caddfa rgb(202,221,250)
```

Monochromatic Color

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

#84ccf3
```
#84ccf3 rgb(132,204,243)
```
#84c3f3
```
#84c3f3 rgb(132,195,243)
```
#84b9f3
```
#84b9f3 rgb(132,185,243)
```
#84b0f3
```
#84b0f3 rgb(132,176,243)
```
#84a7f3
```
#84a7f3 rgb(132,167,243)
```
#849ef3
```
#849ef3 rgb(132,158,243)
```
#8494f3
```
#8494f3 rgb(132,148,243)
```

Similar Colors

Text with hexadecimal color #84b0f3

This text has a font color of #84b0f3.

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

#84b0f3 background color

This paragraph has a background color of #84b0f3.

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

#84b0f3 border color

This element has a border color of #84b0f3.

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

CSS codes

.text {color:#84b0f3;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020914
```
#020914 rgb(2,9,20)
```
#041126
```
#041126 rgb(4,17,38)
```
#051938
```
#051938 rgb(5,25,56)
```
#07224a
```
#07224a rgb(7,34,74)
```
#092a5b
```
#092a5b rgb(9,42,91)
```
#0b326d
```
#0b326d rgb(11,50,109)
```
#0c3a7f
```
#0c3a7f rgb(12,58,127)
```
#0e4291
```
#0e4291 rgb(14,66,145)
```
#104aa3
```
#104aa3 rgb(16,74,163)
```
#1252b5
```
#1252b5 rgb(18,82,181)
```
#135ac7
```
#135ac7 rgb(19,90,199)
```
#1563d9
```
#1563d9 rgb(21,99,217)
```

Shade Color Variation

#196be9
```
#196be9 rgb(25,107,233)
```
#2b77ea
```
#2b77ea rgb(43,119,234)
```
#3d82ec
```
#3d82ec rgb(61,130,236)
```
#4e8eee
```
#4e8eee rgb(78,142,238)
```
#6099f0
```
#6099f0 rgb(96,153,240)
```
#72a5f1
```
#72a5f1 rgb(114,165,241)
```
#84b0f3
```
#84b0f3 rgb(132,176,243)
```
#96bbf5
```
#96bbf5 rgb(150,187,245)
```
#a8c7f6
```
#a8c7f6 rgb(168,199,246)
```
#bad2f8
```
#bad2f8 rgb(186,210,248)
```
#cbdefa
```
#cbdefa rgb(203,222,250)
```
#dde9fc
```
#dde9fc rgb(221,233,252)
```
#eff5fd
```
#eff5fd rgb(239,245,253)
```

Tint Color Variation

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

#b8bbbf
```
#b8bbbf rgb(184,187,191)
```
#b3bac4
```
#b3bac4 rgb(179,186,196)
```
#aeb9c9
```
#aeb9c9 rgb(174,185,201)
```
#a8b8cf
```
#a8b8cf rgb(168,184,207)
```
#a3b6d4
```
#a3b6d4 rgb(163,182,212)
```
#9eb5d9
```
#9eb5d9 rgb(158,181,217)
```
#99b4de
```
#99b4de rgb(153,180,222)
```
#94b3e3
```
#94b3e3 rgb(148,179,227)
```
#8eb2e9
```
#8eb2e9 rgb(142,178,233)
```
#89b1ee
```
#89b1ee rgb(137,177,238)
```
#84b0f3
```
#84b0f3 rgb(132,176,243)
```
#7faff8
```
#7faff8 rgb(127,175,248)
```
#7aaefd
```
#7aaefd rgb(122,174,253)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a2abb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db0f0 Protanopia 1% of men
#98b0f4 Deuteranopia 1% of men
#7bbcca Tritanopia 0.001% of the population

Trichromacy

#94b0f1 Protanomaly 1% of men, 0.01% of women
#90b0f4 Deuteranomaly 6% of men, 0.4% of women
#7eb7d8 Tritanomaly 0.01% of the population

#84b0f3 hex color

#84b0f3 Color Information

#84b0f3 Color Conversion

Color Schemes with #84b0f3

Alternatives to #84b0f3

#84b0f3 Preview

Shades and Tints of #84b0f3

Tones of #84b0f3

Color Blindness Simulator