#84a7ba hex color

In a RGB color space, hex #84a7ba is composed of 51.8% red, 65.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 10.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 201.1 degrees, a saturation of 28.1% and a lightness of 62.4%. #84a7ba color hex could be obtained by blending #ffffff with #094f75. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 65
- B 73
RGB color chart
- C 29
- M 10
- Y 0
- K 27
CMYK color chart

● #84a7ba color description : Slightly desaturated blue.

The hexadecimal color #84a7ba has RGB values of R:132, G:167, B:186 and CMYK values of C:0.29, M:0.1, Y:0, K:0.27. Its decimal value is 8693690.

Hex triplet	84a7ba	`#84a7ba`
RGB Decimal	132, 167, 186	`rgb(132,167,186)`
RGB Percent	51.8, 65.5, 72.9	`rgb(51.8%,65.5%,72.9%)`
CMYK	29, 10, 0, 27
HSL	201.1°, 28.1, 62.4	`hsl(201.1,28.1%,62.4%)`
HSV (or HSB)	201.1°, 29, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.586, -7.434, -13.66
XYZ	32.195, 36.087, 51.721
xyY	0.268, 0.301, 36.087
CIE-LCH	66.586, 15.552, 241.444
CIE-LUV	66.586, -18.268, -19.573
Hunter-Lab	60.073, -9.461, -8.996
Binary	10000100, 10100111, 10111010

#84a7ba
```
#84a7ba rgb(132,167,186)
```
#ba9784
```
#ba9784 rgb(186,151,132)
```

Complementary Color

#84bab2
```
#84bab2 rgb(132,186,178)
```
#84a7ba
```
#84a7ba rgb(132,167,186)
```
#848cba
```
#848cba rgb(132,140,186)
```

Analogous Color

#bab284
```
#bab284 rgb(186,178,132)
```
#84a7ba
```
#84a7ba rgb(132,167,186)
```
#ba848c
```
#ba848c rgb(186,132,140)
```

Split Complementary Color

#a7ba84
```
#a7ba84 rgb(167,186,132)
```
#84a7ba
```
#84a7ba rgb(132,167,186)
```
#ba84a7
```
#ba84a7 rgb(186,132,167)
```

Triadic Color

#84ba97
```
#84ba97 rgb(132,186,151)
```
#84a7ba
```
#84a7ba rgb(132,167,186)
```
#ba84a7
```
#ba84a7 rgb(186,132,167)
```
#ba9784
```
#ba9784 rgb(186,151,132)
```

Tetradic Color

#57839b
```
#57839b rgb(87,131,155)
```
#6390a8
```
#6390a8 rgb(99,144,168)
```
#749bb1
```
#749bb1 rgb(116,155,177)
```
#84a7ba
```
#84a7ba rgb(132,167,186)
```
#94b3c3
```
#94b3c3 rgb(148,179,195)
```
#a5becc
```
#a5becc rgb(165,190,204)
```
#b5cad5
```
#b5cad5 rgb(181,202,213)
```

Monochromatic Color

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

#84b5ba
```
#84b5ba rgb(132,181,186)
```
#84b0ba
```
#84b0ba rgb(132,176,186)
```
#84acba
```
#84acba rgb(132,172,186)
```
#84a7ba
```
#84a7ba rgb(132,167,186)
```
#84a3ba
```
#84a3ba rgb(132,163,186)
```
#849eba
```
#849eba rgb(132,158,186)
```
#849aba
```
#849aba rgb(132,154,186)
```

Similar Colors

Text with hexadecimal color #84a7ba

This text has a font color of #84a7ba.

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

#84a7ba background color

This paragraph has a background color of #84a7ba.

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

#84a7ba border color

This element has a border color of #84a7ba.

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

CSS codes

.text {color:#84a7ba;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#090d0f
```
#090d0f rgb(9,13,15)
```
#10181c
```
#10181c rgb(16,24,28)
```
#172228
```
#172228 rgb(23,34,40)
```
#1e2d35
```
#1e2d35 rgb(30,45,53)
```
#253741
```
#253741 rgb(37,55,65)
```
#2c424e
```
#2c424e rgb(44,66,78)
```
#334d5b
```
#334d5b rgb(51,77,91)
```
#3a5767
```
#3a5767 rgb(58,87,103)
```
#416274
```
#416274 rgb(65,98,116)
```
#486d80
```
#486d80 rgb(72,109,128)
```
#4f778d
```
#4f778d rgb(79,119,141)
```
#568299
```
#568299 rgb(86,130,153)
```

Shade Color Variation

#5e8ca5
```
#5e8ca5 rgb(94,140,165)
```
#6b95ac
```
#6b95ac rgb(107,149,172)
```
#779eb3
```
#779eb3 rgb(119,158,179)
```
#84a7ba
```
#84a7ba rgb(132,167,186)
```
#91b0c1
```
#91b0c1 rgb(145,176,193)
```
#9db9c8
```
#9db9c8 rgb(157,185,200)
```
#aac2cf
```
#aac2cf rgb(170,194,207)
```
#b6cbd6
```
#b6cbd6 rgb(182,203,214)
```
#c3d4dd
```
#c3d4dd rgb(195,212,221)
```
#cfdde4
```
#cfdde4 rgb(207,221,228)
```
#dce6eb
```
#dce6eb rgb(220,230,235)
```
#e9eff2
```
#e9eff2 rgb(233,239,242)
```
#f5f8f9
```
#f5f8f9 rgb(245,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa0a4 is the less saturated color, while #42bbfc is the most saturated one.

#9aa0a4
```
#9aa0a4 rgb(154,160,164)
```
#93a3ab
```
#93a3ab rgb(147,163,171)
```
#8ba5b3
```
#8ba5b3 rgb(139,165,179)
```
#84a7ba
```
#84a7ba rgb(132,167,186)
```
#7da9c1
```
#7da9c1 rgb(125,169,193)
```
#75abc9
```
#75abc9 rgb(117,171,201)
```
#6eaed0
```
#6eaed0 rgb(110,174,208)
```
#66b0d8
```
#66b0d8 rgb(102,176,216)
```
#5fb2df
```
#5fb2df rgb(95,178,223)
```
#58b4e6
```
#58b4e6 rgb(88,180,230)
```
#50b6ee
```
#50b6ee rgb(80,182,238)
```
#49b9f5
```
#49b9f5 rgb(73,185,245)
```
#42bbfc
```
#42bbfc rgb(66,187,252)
```

Tone Color Variation

Below, you can see how #84a7ba 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
#9aa1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a5ba Protanopia 1% of men
#a9a3c0 Deuteranopia 1% of men
#89acb8 Tritanopia 0.001% of the population

Trichromacy

#98a6ba Protanomaly 1% of men, 0.01% of women
#9ba4be Deuteranomaly 6% of men, 0.4% of women
#87aab9 Tritanomaly 0.01% of the population

#84a7ba hex color

#84a7ba Color Information

#84a7ba Color Conversion

Color Schemes with #84a7ba

Alternatives to #84a7ba

#84a7ba Preview

Shades and Tints of #84a7ba

Tones of #84a7ba

Color Blindness Simulator