#84a8f0 hex color

In a RGB color space, hex #84a8f0 is composed of 51.8% red, 65.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 30% magenta, 0% yellow and 5.9% black. It has a hue angle of 220 degrees, a saturation of 78.3% and a lightness of 72.9%. #84a8f0 color hex could be obtained by blending #ffffff with #0951e1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 66
- B 94
RGB color chart
- C 45
- M 30
- Y 0
- K 6
CMYK color chart

● #84a8f0 color description : Very soft blue.

The hexadecimal color #84a8f0 has RGB values of R:132, G:168, B:240 and CMYK values of C:0.45, M:0.3, Y:0, K:0.06. Its decimal value is 8694000.

Hex triplet	84a8f0	`#84a8f0`
RGB Decimal	132, 168, 240	`rgb(132,168,240)`
RGB Percent	51.8, 65.9, 94.1	`rgb(51.8%,65.9%,94.1%)`
CMYK	45, 30, 0, 6
HSL	220°, 78.3, 72.9	`hsl(220,78.3%,72.9%)`
HSV (or HSB)	220°, 45, 94.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.896, 6.384, -39.875
XYZ	39.243, 39.2, 87.932
xyY	0.236, 0.236, 39.2
CIE-LCH	68.896, 40.383, 279.096
CIE-LUV	68.896, -19.412, -64.838
Hunter-Lab	62.61, 2.313, -39.442
Binary	10000100, 10101000, 11110000

#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#f0cc84
```
#f0cc84 rgb(240,204,132)
```

Complementary Color

#84def0
```
#84def0 rgb(132,222,240)
```
#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#9684f0
```
#9684f0 rgb(150,132,240)
```

Analogous Color

#def084
```
#def084 rgb(222,240,132)
```
#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#f09684
```
#f09684 rgb(240,150,132)
```

Split Complementary Color

#a8f084
```
#a8f084 rgb(168,240,132)
```
#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#f084a8
```
#f084a8 rgb(240,132,168)
```

Triadic Color

#84f0cc
```
#84f0cc rgb(132,240,204)
```
#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#f084a8
```
#f084a8 rgb(240,132,168)
```
#f0cc84
```
#f0cc84 rgb(240,204,132)
```

Tetradic Color

#4078e8
```
#4078e8 rgb(64,120,232)
```
#5788ea
```
#5788ea rgb(87,136,234)
```
#6d98ed
```
#6d98ed rgb(109,152,237)
```
#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#9bb8f3
```
#9bb8f3 rgb(155,184,243)
```
#b1c8f6
```
#b1c8f6 rgb(177,200,246)
```
#c8d8f8
```
#c8d8f8 rgb(200,216,248)
```

Monochromatic Color

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

#84c3f0
```
#84c3f0 rgb(132,195,240)
```
#84baf0
```
#84baf0 rgb(132,186,240)
```
#84b1f0
```
#84b1f0 rgb(132,177,240)
```
#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#849ff0
```
#849ff0 rgb(132,159,240)
```
#8496f0
```
#8496f0 rgb(132,150,240)
```
#848df0
```
#848df0 rgb(132,141,240)
```

Similar Colors

Text with hexadecimal color #84a8f0

This text has a font color of #84a8f0.

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

#84a8f0 background color

This paragraph has a background color of #84a8f0.

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

#84a8f0 border color

This element has a border color of #84a8f0.

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

CSS codes

.text {color:#84a8f0;}

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

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

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

#020711
```
#020711 rgb(2,7,17)
```
#040e22
```
#040e22 rgb(4,14,34)
```
#061534
```
#061534 rgb(6,21,52)
```
#081d45
```
#081d45 rgb(8,29,69)
```
#0b2457
```
#0b2457 rgb(11,36,87)
```
#0d2b68
```
#0d2b68 rgb(13,43,104)
```
#0f327a
```
#0f327a rgb(15,50,122)
```
#113a8b
```
#113a8b rgb(17,58,139)
```
#13419d
```
#13419d rgb(19,65,157)
```
#1548ae
```
#1548ae rgb(21,72,174)
```
#174fc0
```
#174fc0 rgb(23,79,192)
```
#1a57d1
```
#1a57d1 rgb(26,87,209)
```
#1c5ee3
```
#1c5ee3 rgb(28,94,227)
```

Shade Color Variation

#2d6ae5
```
#2d6ae5 rgb(45,106,229)
```
#3e77e7
```
#3e77e7 rgb(62,119,231)
```
#5083ea
```
#5083ea rgb(80,131,234)
```
#618fec
```
#618fec rgb(97,143,236)
```
#739cee
```
#739cee rgb(115,156,238)
```
#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#95b4f2
```
#95b4f2 rgb(149,180,242)
```
#a7c1f4
```
#a7c1f4 rgb(167,193,244)
```
#b8cdf6
```
#b8cdf6 rgb(184,205,246)
```
#cad9f9
```
#cad9f9 rgb(202,217,249)
```
#dbe6fb
```
#dbe6fb rgb(219,230,251)
```
#edf2fd
```
#edf2fd rgb(237,242,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b9babb
```
#b9babb rgb(185,186,187)
```
#b4b8c0
```
#b4b8c0 rgb(180,184,192)
```
#aeb6c6
```
#aeb6c6 rgb(174,182,198)
```
#a9b4cb
```
#a9b4cb rgb(169,180,203)
```
#a4b3d0
```
#a4b3d0 rgb(164,179,208)
```
#9fb1d5
```
#9fb1d5 rgb(159,177,213)
```
#99afdb
```
#99afdb rgb(153,175,219)
```
#94ade0
```
#94ade0 rgb(148,173,224)
```
#8face5
```
#8face5 rgb(143,172,229)
```
#89aaeb
```
#89aaeb rgb(137,170,235)
```
#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#7fa6f5
```
#7fa6f5 rgb(127,166,245)
```
#79a4fb
```
#79a4fb rgb(121,164,251)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ea6b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95aaef Protanopia 1% of men
#8fabf1 Deuteranopia 1% of men
#79b5c3 Tritanopia 0.001% of the population

Trichromacy

#8ea9ef Protanomaly 1% of men, 0.01% of women
#8baaf0 Deuteranomaly 6% of men, 0.4% of women
#7db0d3 Tritanomaly 0.01% of the population

#84a8f0 hex color

#84a8f0 Color Information

#84a8f0 Color Conversion

Color Schemes with #84a8f0

Alternatives to #84a8f0

#84a8f0 Preview

Shades and Tints of #84a8f0

Tones of #84a8f0

Color Blindness Simulator