#84aaff hex color

In a RGB color space, hex #84aaff is composed of 51.8% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 221.5 degrees, a saturation of 100% and a lightness of 75.9%. #84aaff color hex could be obtained by blending #ffffff with #0955ff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 67
- B 100
RGB color chart
- C 48
- M 33
- Y 0
- K 0
CMYK color chart

● #84aaff color description : Very light blue.

The hexadecimal color #84aaff has RGB values of R:132, G:170, B:255 and CMYK values of C:0.48, M:0.33, Y:0, K:0. Its decimal value is 8694527.

Hex triplet	84aaff	`#84aaff`
RGB Decimal	132, 170, 255	`rgb(132,170,255)`
RGB Percent	51.8, 66.7, 100	`rgb(51.8%,66.7%,100%)`
CMYK	48, 33, 0, 0
HSL	221.5°, 100, 75.9	`hsl(221.5,100%,75.9%)`
HSV (or HSB)	221.5°, 48.2, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.087, 9.582, -46.163
XYZ	41.937, 40.873, 100.282
xyY	0.229, 0.223, 40.873
CIE-LCH	70.087, 47.147, 281.726
CIE-LUV	70.087, -20.365, -76.078
Hunter-Lab	63.932, 5.207, -48.248
Binary	10000100, 10101010, 11111111

#84aaff
```
#84aaff rgb(132,170,255)
```
#ffd984
```
#ffd984 rgb(255,217,132)
```

Complementary Color

#84e8ff
```
#84e8ff rgb(132,232,255)
```
#84aaff
```
#84aaff rgb(132,170,255)
```
#9c84ff
```
#9c84ff rgb(156,132,255)
```

Analogous Color

#e8ff84
```
#e8ff84 rgb(232,255,132)
```
#84aaff
```
#84aaff rgb(132,170,255)
```
#ff9c84
```
#ff9c84 rgb(255,156,132)
```

Split Complementary Color

#aaff84
```
#aaff84 rgb(170,255,132)
```
#84aaff
```
#84aaff rgb(132,170,255)
```
#ff84aa
```
#ff84aa rgb(255,132,170)
```

Triadic Color

#84ffd9
```
#84ffd9 rgb(132,255,217)
```
#84aaff
```
#84aaff rgb(132,170,255)
```
#ff84aa
```
#ff84aa rgb(255,132,170)
```
#ffd984
```
#ffd984 rgb(255,217,132)
```

Tetradic Color

#3875ff
```
#3875ff rgb(56,117,255)
```
#5187ff
```
#5187ff rgb(81,135,255)
```
#6b98ff
```
#6b98ff rgb(107,152,255)
```
#84aaff
```
#84aaff rgb(132,170,255)
```
#9ebcff
```
#9ebcff rgb(158,188,255)
```
#b7cdff
```
#b7cdff rgb(183,205,255)
```
#d1dfff
```
#d1dfff rgb(209,223,255)
```

Monochromatic Color

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

#84c9ff
```
#84c9ff rgb(132,201,255)
```
#84bfff
```
#84bfff rgb(132,191,255)
```
#84b4ff
```
#84b4ff rgb(132,180,255)
```
#84aaff
```
#84aaff rgb(132,170,255)
```
#84a0ff
```
#84a0ff rgb(132,160,255)
```
#8496ff
```
#8496ff rgb(132,150,255)
```
#848bff
```
#848bff rgb(132,139,255)
```

Similar Colors

Text with hexadecimal color #84aaff

This text has a font color of #84aaff.

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

#84aaff background color

This paragraph has a background color of #84aaff.

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

#84aaff border color

This element has a border color of #84aaff.

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

CSS codes

.text {color:#84aaff;}

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

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

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, #00040e is the darkest color, while #fafbff is the lightest one.

#00040e
```
#00040e rgb(0,4,14)
```
#000a22
```
#000a22 rgb(0,10,34)
```
#001136
```
#001136 rgb(0,17,54)
```
#001749
```
#001749 rgb(0,23,73)
```
#001d5d
```
#001d5d rgb(0,29,93)
```
#002370
```
#002370 rgb(0,35,112)
```
#002984
```
#002984 rgb(0,41,132)
```
#002f98
```
#002f98 rgb(0,47,152)
```
#0035ab
```
#0035ab rgb(0,53,171)
```
#003bbf
```
#003bbf rgb(0,59,191)
```
#0041d2
```
#0041d2 rgb(0,65,210)
```
#0047e6
```
#0047e6 rgb(0,71,230)
```
#004dfa
```
#004dfa rgb(0,77,250)
```

Shade Color Variation

#0e59ff
```
#0e59ff rgb(14,89,255)
```
#2266ff
```
#2266ff rgb(34,102,255)
```
#3674ff
```
#3674ff rgb(54,116,255)
```
#4981ff
```
#4981ff rgb(73,129,255)
```
#5d8fff
```
#5d8fff rgb(93,143,255)
```
#709cff
```
#709cff rgb(112,156,255)
```
#84aaff
```
#84aaff rgb(132,170,255)
```
#98b8ff
```
#98b8ff rgb(152,184,255)
```
#abc5ff
```
#abc5ff rgb(171,197,255)
```
#bfd3ff
```
#bfd3ff rgb(191,211,255)
```
#d2e0ff
```
#d2e0ff rgb(210,224,255)
```
#e6eeff
```
#e6eeff rgb(230,238,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#bdc0c6
```
#bdc0c6 rgb(189,192,198)
```
#b8becb
```
#b8becb rgb(184,190,203)
```
#b3bcd0
```
#b3bcd0 rgb(179,188,208)
```
#afbad4
```
#afbad4 rgb(175,186,212)
```
#aab8d9
```
#aab8d9 rgb(170,184,217)
```
#a5b7de
```
#a5b7de rgb(165,183,222)
```
#a0b5e3
```
#a0b5e3 rgb(160,181,227)
```
#9cb3e7
```
#9cb3e7 rgb(156,179,231)
```
#97b1ec
```
#97b1ec rgb(151,177,236)
```
#92aff1
```
#92aff1 rgb(146,175,241)
```
#8daef6
```
#8daef6 rgb(141,174,246)
```
#89acfa
```
#89acfa rgb(137,172,250)
```
#84aaff
```
#84aaff rgb(132,170,255)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a1a8b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91acfd Protanopia 1% of men
#87affe Deuteranopia 1% of men
#74bac7 Tritanopia 0.001% of the population

Trichromacy

#8cabfe Protanomaly 1% of men, 0.01% of women
#86adfe Deuteranomaly 6% of men, 0.4% of women
#7ab4db Tritanomaly 0.01% of the population

#84aaff hex color

#84aaff Color Information

#84aaff Color Conversion

Color Schemes with #84aaff

Alternatives to #84aaff

#84aaff Preview

Shades and Tints of #84aaff

Tones of #84aaff

Color Blindness Simulator