#84a4d0 hex color

In a RGB color space, hex #84a4d0 is composed of 51.8% red, 64.3% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 21.2% magenta, 0% yellow and 18.4% black. It has a hue angle of 214.7 degrees, a saturation of 44.7% and a lightness of 66.7%. #84a4d0 color hex could be obtained by blending #ffffff with #0949a1. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 64
- B 82
RGB color chart
- C 37
- M 21
- Y 0
- K 18
CMYK color chart

● #84a4d0 color description : Slightly desaturated blue.

The hexadecimal color #84a4d0 has RGB values of R:132, G:164, B:208 and CMYK values of C:0.37, M:0.21, Y:0, K:0.18. Its decimal value is 8692944.

Hex triplet	84a4d0	`#84a4d0`
RGB Decimal	132, 164, 208	`rgb(132,164,208)`
RGB Percent	51.8, 64.3, 81.6	`rgb(51.8%,64.3%,81.6%)`
CMYK	37, 21, 0, 18
HSL	214.7°, 44.7, 66.7	`hsl(214.7,44.7%,66.7%)`
HSV (or HSB)	214.7°, 36.5, 81.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.527, -0.18, -25.959
XYZ	34.174, 36.009, 64.821
xyY	0.253, 0.267, 36.009
CIE-LCH	66.527, 25.96, 269.603
CIE-LUV	66.527, -17.324, -40.456
Hunter-Lab	60.008, -3.36, -22.04
Binary	10000100, 10100100, 11010000

#84a4d0
```
#84a4d0 rgb(132,164,208)
```
#d0b084
```
#d0b084 rgb(208,176,132)
```

Complementary Color

#84cad0
```
#84cad0 rgb(132,202,208)
```
#84a4d0
```
#84a4d0 rgb(132,164,208)
```
#8a84d0
```
#8a84d0 rgb(138,132,208)
```

Analogous Color

#cad084
```
#cad084 rgb(202,208,132)
```
#84a4d0
```
#84a4d0 rgb(132,164,208)
```
#d08a84
```
#d08a84 rgb(208,138,132)
```

Split Complementary Color

#a4d084
```
#a4d084 rgb(164,208,132)
```
#84a4d0
```
#84a4d0 rgb(132,164,208)
```
#d084a4
```
#d084a4 rgb(208,132,164)
```

Triadic Color

#84d0b0
```
#84d0b0 rgb(132,208,176)
```
#84a4d0
```
#84a4d0 rgb(132,164,208)
```
#d084a4
```
#d084a4 rgb(208,132,164)
```
#d0b084
```
#d0b084 rgb(208,176,132)
```

Tetradic Color

#4d7bbb
```
#4d7bbb rgb(77,123,187)
```
#5f89c2
```
#5f89c2 rgb(95,137,194)
```
#7296c9
```
#7296c9 rgb(114,150,201)
```
#84a4d0
```
#84a4d0 rgb(132,164,208)
```
#96b2d7
```
#96b2d7 rgb(150,178,215)
```
#a9bfde
```
#a9bfde rgb(169,191,222)
```
#bbcde5
```
#bbcde5 rgb(187,205,229)
```

Monochromatic Color

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

#84b7d0
```
#84b7d0 rgb(132,183,208)
```
#84b1d0
```
#84b1d0 rgb(132,177,208)
```
#84aad0
```
#84aad0 rgb(132,170,208)
```
#84a4d0
```
#84a4d0 rgb(132,164,208)
```
#849ed0
```
#849ed0 rgb(132,158,208)
```
#8497d0
```
#8497d0 rgb(132,151,208)
```
#8491d0
```
#8491d0 rgb(132,145,208)
```

Similar Colors

Text with hexadecimal color #84a4d0

This text has a font color of #84a4d0.

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

#84a4d0 background color

This paragraph has a background color of #84a4d0.

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

#84a4d0 border color

This element has a border color of #84a4d0.

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

CSS codes

.text {color:#84a4d0;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070c13
```
#070c13 rgb(7,12,19)
```
#0d1521
```
#0d1521 rgb(13,21,33)
```
#121e2f
```
#121e2f rgb(18,30,47)
```
#18283e
```
#18283e rgb(24,40,62)
```
#1d314c
```
#1d314c rgb(29,49,76)
```
#223a5a
```
#223a5a rgb(34,58,90)
```
#284368
```
#284368 rgb(40,67,104)
```
#2d4c76
```
#2d4c76 rgb(45,76,118)
```
#335584
```
#335584 rgb(51,85,132)
```
#385e93
```
#385e93 rgb(56,94,147)
```
#3d67a1
```
#3d67a1 rgb(61,103,161)
```
#4370af
```
#4370af rgb(67,112,175)
```

Shade Color Variation

#4b7aba
```
#4b7aba rgb(75,122,186)
```
#5985c0
```
#5985c0 rgb(89,133,192)
```
#688fc5
```
#688fc5 rgb(104,143,197)
```
#769acb
```
#769acb rgb(118,154,203)
```
#84a4d0
```
#84a4d0 rgb(132,164,208)
```
#92afd5
```
#92afd5 rgb(146,175,213)
```
#a0b9db
```
#a0b9db rgb(160,185,219)
```
#afc4e0
```
#afc4e0 rgb(175,196,224)
```
#bdcee6
```
#bdcee6 rgb(189,206,230)
```
#cbd9eb
```
#cbd9eb rgb(203,217,235)
```
#d9e3f1
```
#d9e3f1 rgb(217,227,241)
```
#e7eef6
```
#e7eef6 rgb(231,238,246)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#a5a9af
```
#a5a9af rgb(165,169,175)
```
#9ea8b6
```
#9ea8b6 rgb(158,168,182)
```
#98a7bc
```
#98a7bc rgb(152,167,188)
```
#91a6c3
```
#91a6c3 rgb(145,166,195)
```
#8ba5c9
```
#8ba5c9 rgb(139,165,201)
```
#84a4d0
```
#84a4d0 rgb(132,164,208)
```
#7da3d7
```
#7da3d7 rgb(125,163,215)
```
#77a2dd
```
#77a2dd rgb(119,162,221)
```
#70a1e4
```
#70a1e4 rgb(112,161,228)
```
#6aa0ea
```
#6aa0ea rgb(106,160,234)
```
#639ff1
```
#639ff1 rgb(99,159,241)
```
#5d9ef7
```
#5d9ef7 rgb(93,158,247)
```
#569dfe
```
#569dfe rgb(86,157,254)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9aa0a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa4cf Protanopia 1% of men
#9ca4d4 Deuteranopia 1% of men
#83adb9 Tritanopia 0.001% of the population

Trichromacy

#92a4cf Protanomaly 1% of men, 0.01% of women
#93a4d2 Deuteranomaly 6% of men, 0.4% of women
#83a9c1 Tritanomaly 0.01% of the population

#84a4d0 hex color

#84a4d0 Color Information

#84a4d0 Color Conversion

Color Schemes with #84a4d0

Alternatives to #84a4d0

#84a4d0 Preview

Shades and Tints of #84a4d0

Tones of #84a4d0

Color Blindness Simulator