#84a5dd hex color

In a RGB color space, hex #84a5dd is composed of 51.8% red, 64.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 25.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 217.8 degrees, a saturation of 56.7% and a lightness of 69.2%. #84a5dd color hex could be obtained by blending #ffffff with #094bbb. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 65
- B 87
RGB color chart
- C 40
- M 25
- Y 0
- K 13
CMYK color chart

● #84a5dd color description : Very soft blue.

The hexadecimal color #84a5dd has RGB values of R:132, G:165, B:221 and CMYK values of C:0.4, M:0.25, Y:0, K:0.13. Its decimal value is 8693213.

Hex triplet	84a5dd	`#84a5dd`
RGB Decimal	132, 165, 221	`rgb(132,165,221)`
RGB Percent	51.8, 64.7, 86.7	`rgb(51.8%,64.7%,86.7%)`
CMYK	40, 25, 0, 13
HSL	217.8°, 56.7, 69.2	`hsl(217.8,56.7%,69.2%)`
HSV (or HSB)	217.8°, 40.3, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.303, 2.762, -31.94
XYZ	36.019, 37.035, 73.653
xyY	0.246, 0.252, 37.035
CIE-LCH	67.303, 32.059, 274.942
CIE-LUV	67.303, -17.95, -50.838
Hunter-Lab	60.856, -0.849, -29.158
Binary	10000100, 10100101, 11011101

#84a5dd
```
#84a5dd rgb(132,165,221)
```
#ddbc84
```
#ddbc84 rgb(221,188,132)
```

Complementary Color

#84d2dd
```
#84d2dd rgb(132,210,221)
```
#84a5dd
```
#84a5dd rgb(132,165,221)
```
#9084dd
```
#9084dd rgb(144,132,221)
```

Analogous Color

#d2dd84
```
#d2dd84 rgb(210,221,132)
```
#84a5dd
```
#84a5dd rgb(132,165,221)
```
#dd9084
```
#dd9084 rgb(221,144,132)
```

Split Complementary Color

#a5dd84
```
#a5dd84 rgb(165,221,132)
```
#84a5dd
```
#84a5dd rgb(132,165,221)
```
#dd84a5
```
#dd84a5 rgb(221,132,165)
```

Triadic Color

#84ddbc
```
#84ddbc rgb(132,221,188)
```
#84a5dd
```
#84a5dd rgb(132,165,221)
```
#dd84a5
```
#dd84a5 rgb(221,132,165)
```
#ddbc84
```
#ddbc84 rgb(221,188,132)
```

Tetradic Color

#4879cc
```
#4879cc rgb(72,121,204)
```
#5c88d2
```
#5c88d2 rgb(92,136,210)
```
#7096d7
```
#7096d7 rgb(112,150,215)
```
#84a5dd
```
#84a5dd rgb(132,165,221)
```
#98b4e3
```
#98b4e3 rgb(152,180,227)
```
#acc2e8
```
#acc2e8 rgb(172,194,232)
```
#c0d1ee
```
#c0d1ee rgb(192,209,238)
```

Monochromatic Color

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

#84bbdd
```
#84bbdd rgb(132,187,221)
```
#84b4dd
```
#84b4dd rgb(132,180,221)
```
#84acdd
```
#84acdd rgb(132,172,221)
```
#84a5dd
```
#84a5dd rgb(132,165,221)
```
#849edd
```
#849edd rgb(132,158,221)
```
#8496dd
```
#8496dd rgb(132,150,221)
```
#848fdd
```
#848fdd rgb(132,143,221)
```

Similar Colors

Text with hexadecimal color #84a5dd

This text has a font color of #84a5dd.

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

#84a5dd background color

This paragraph has a background color of #84a5dd.

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

#84a5dd border color

This element has a border color of #84a5dd.

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

CSS codes

.text {color:#84a5dd;}

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

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

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, #04080f is the darkest color, while #ffffff is the lightest one.

#04080f
```
#04080f rgb(4,8,15)
```
#08111f
```
#08111f rgb(8,17,31)
```
#0d192e
```
#0d192e rgb(13,25,46)
```
#11213d
```
#11213d rgb(17,33,61)
```
#152a4d
```
#152a4d rgb(21,42,77)
```
#19325c
```
#19325c rgb(25,50,92)
```
#1e3b6c
```
#1e3b6c rgb(30,59,108)
```
#22437b
```
#22437b rgb(34,67,123)
```
#264b8a
```
#264b8a rgb(38,75,138)
```
#2a549a
```
#2a549a rgb(42,84,154)
```
#2f5ca9
```
#2f5ca9 rgb(47,92,169)
```
#3364b8
```
#3364b8 rgb(51,100,184)
```
#376dc8
```
#376dc8 rgb(55,109,200)
```

Shade Color Variation

#4778cc
```
#4778cc rgb(71,120,204)
```
#5683d0
```
#5683d0 rgb(86,131,208)
```
#658fd5
```
#658fd5 rgb(101,143,213)
```
#759ad9
```
#759ad9 rgb(117,154,217)
```
#84a5dd
```
#84a5dd rgb(132,165,221)
```
#93b0e1
```
#93b0e1 rgb(147,176,225)
```
#a3bbe5
```
#a3bbe5 rgb(163,187,229)
```
#b2c7ea
```
#b2c7ea rgb(178,199,234)
```
#c1d2ee
```
#c1d2ee rgb(193,210,238)
```
#d1ddf2
```
#d1ddf2 rgb(209,221,242)
```
#e0e8f6
```
#e0e8f6 rgb(224,232,246)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aeb0b3
```
#aeb0b3 rgb(174,176,179)
```
#a8aeb9
```
#a8aeb9 rgb(168,174,185)
```
#a2adbf
```
#a2adbf rgb(162,173,191)
```
#9cabc5
```
#9cabc5 rgb(156,171,197)
```
#96aacb
```
#96aacb rgb(150,170,203)
```
#90a8d1
```
#90a8d1 rgb(144,168,209)
```
#8aa7d7
```
#8aa7d7 rgb(138,167,215)
```
#84a5dd
```
#84a5dd rgb(132,165,221)
```
#7ea3e3
```
#7ea3e3 rgb(126,163,227)
```
#78a2e9
```
#78a2e9 rgb(120,162,233)
```
#72a0ef
```
#72a0ef rgb(114,160,239)
```
#6c9ff5
```
#6c9ff5 rgb(108,159,245)
```
#669dfb
```
#669dfb rgb(102,157,251)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ca3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a6dc Protanopia 1% of men
#96a6df Deuteranopia 1% of men
#7fb0bd Tritanopia 0.001% of the population

Trichromacy

#90a6dc Protanomaly 1% of men, 0.01% of women
#8fa6de Deuteranomaly 6% of men, 0.4% of women
#81acc8 Tritanomaly 0.01% of the population

#84a5dd hex color

#84a5dd Color Information

#84a5dd Color Conversion

Color Schemes with #84a5dd

Alternatives to #84a5dd

#84a5dd Preview

Shades and Tints of #84a5dd

Tones of #84a5dd

Color Blindness Simulator