#84a5a7 hex color

In a RGB color space, hex #84a5a7 is composed of 51.8% red, 64.7% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 1.2% magenta, 0% yellow and 34.5% black. It has a hue angle of 183.4 degrees, a saturation of 16.6% and a lightness of 58.6%. #84a5a7 color hex could be obtained by blending #ffffff with #094b4f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 52
- G 65
- B 65
RGB color chart
- C 21
- M 1
- Y 0
- K 35
CMYK color chart

● #84a5a7 color description : Dark grayish cyan.

The hexadecimal color #84a5a7 has RGB values of R:132, G:165, B:167 and CMYK values of C:0.21, M:0.01, Y:0, K:0.35. Its decimal value is 8693159.

Hex triplet	84a5a7	`#84a5a7`
RGB Decimal	132, 165, 167	`rgb(132,165,167)`
RGB Percent	51.8, 64.7, 65.5	`rgb(51.8%,64.7%,65.5%)`
CMYK	21, 1, 0, 35
HSL	183.4°, 16.6, 58.6	`hsl(183.4,16.6%,58.6%)`
HSV (or HSB)	183.4°, 21, 65.5
Web Safe	999999	`#999999`

CIE-LAB	65.44, -10.813, -4.779
XYZ	29.944, 34.605, 41.659
xyY	0.282, 0.326, 34.605
CIE-LCH	65.44, 11.822, 203.846
CIE-LUV	65.44, -17.123, -5.316
Hunter-Lab	58.826, -12.083, -0.809
Binary	10000100, 10100101, 10100111

#84a5a7
```
#84a5a7 rgb(132,165,167)
```
#a78684
```
#a78684 rgb(167,134,132)
```

Complementary Color

#84a798
```
#84a798 rgb(132,167,152)
```
#84a5a7
```
#84a5a7 rgb(132,165,167)
```
#8494a7
```
#8494a7 rgb(132,148,167)
```

Analogous Color

#a79884
```
#a79884 rgb(167,152,132)
```
#84a5a7
```
#84a5a7 rgb(132,165,167)
```
#a78494
```
#a78494 rgb(167,132,148)
```

Split Complementary Color

#a5a784
```
#a5a784 rgb(165,167,132)
```
#84a5a7
```
#84a5a7 rgb(132,165,167)
```
#a784a5
```
#a784a5 rgb(167,132,165)
```

Triadic Color

#84a786
```
#84a786 rgb(132,167,134)
```
#84a5a7
```
#84a5a7 rgb(132,165,167)
```
#a784a5
```
#a784a5 rgb(167,132,165)
```
#a78684
```
#a78684 rgb(167,134,132)
```

Tetradic Color

#5d8082
```
#5d8082 rgb(93,128,130)
```
#678e91
```
#678e91 rgb(103,142,145)
```
#759a9c
```
#759a9c rgb(117,154,156)
```
#84a5a7
```
#84a5a7 rgb(132,165,167)
```
#93b0b2
```
#93b0b2 rgb(147,176,178)
```
#a2bbbc
```
#a2bbbc rgb(162,187,188)
```
#b1c6c7
```
#b1c6c7 rgb(177,198,199)
```

Monochromatic Color

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

#84a7a0
```
#84a7a0 rgb(132,167,160)
```
#84a7a3
```
#84a7a3 rgb(132,167,163)
```
#84a7a6
```
#84a7a6 rgb(132,167,166)
```
#84a5a7
```
#84a5a7 rgb(132,165,167)
```
#84a2a7
```
#84a2a7 rgb(132,162,167)
```
#849fa7
```
#849fa7 rgb(132,159,167)
```
#849ca7
```
#849ca7 rgb(132,156,167)
```

Similar Colors

Text with hexadecimal color #84a5a7

This text has a font color of #84a5a7.

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

#84a5a7 background color

This paragraph has a background color of #84a5a7.

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

#84a5a7 border color

This element has a border color of #84a5a7.

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

CSS codes

.text {color:#84a5a7;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0e0e
```
#0a0e0e rgb(10,14,14)
```
#12191a
```
#12191a rgb(18,25,26)
```
#1b2425
```
#1b2425 rgb(27,36,37)
```
#233031
```
#233031 rgb(35,48,49)
```
#2b3b3c
```
#2b3b3c rgb(43,59,60)
```
#334647
```
#334647 rgb(51,70,71)
```
#3b5153
```
#3b5153 rgb(59,81,83)
```
#435d5e
```
#435d5e rgb(67,93,94)
```
#4c686a
```
#4c686a rgb(76,104,106)
```
#547375
```
#547375 rgb(84,115,117)
```
#5c7e81
```
#5c7e81 rgb(92,126,129)
```
#648a8c
```
#648a8c rgb(100,138,140)
```

Shade Color Variation

#6d9497
```
#6d9497 rgb(109,148,151)
```
#799d9f
```
#799d9f rgb(121,157,159)
```
#84a5a7
```
#84a5a7 rgb(132,165,167)
```
#8fadaf
```
#8fadaf rgb(143,173,175)
```
#9bb6b7
```
#9bb6b7 rgb(155,182,183)
```
#a6bec0
```
#a6bec0 rgb(166,190,192)
```
#b2c6c8
```
#b2c6c8 rgb(178,198,200)
```
#bdcfd0
```
#bdcfd0 rgb(189,207,208)
```
#c9d7d8
```
#c9d7d8 rgb(201,215,216)
```
#d4e0e0
```
#d4e0e0 rgb(212,224,224)
```
#dfe8e8
```
#dfe8e8 rgb(223,232,232)
```
#ebf0f1
```
#ebf0f1 rgb(235,240,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#949797
```
#949797 rgb(148,151,151)
```
#8c9e9f
```
#8c9e9f rgb(140,158,159)
```
#84a5a7
```
#84a5a7 rgb(132,165,167)
```
#7cacaf
```
#7cacaf rgb(124,172,175)
```
#74b3b7
```
#74b3b7 rgb(116,179,183)
```
#6cbbbf
```
#6cbbbf rgb(108,187,191)
```
#64c2c7
```
#64c2c7 rgb(100,194,199)
```
#5bc9d0
```
#5bc9d0 rgb(91,201,208)
```
#53d0d8
```
#53d0d8 rgb(83,208,216)
```
#4bd7e0
```
#4bd7e0 rgb(75,215,224)
```
#43dfe8
```
#43dfe8 rgb(67,223,232)
```
#3be6f0
```
#3be6f0 rgb(59,230,240)
```
#33edf8
```
#33edf8 rgb(51,237,248)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#969d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a3a7 Protanopia 1% of men
#ad9faf Deuteranopia 1% of men
#8ca8b4 Tritanopia 0.001% of the population

Trichromacy

#99a3a7 Protanomaly 1% of men, 0.01% of women
#9ea1ac Deuteranomaly 6% of men, 0.4% of women
#89a7af Tritanomaly 0.01% of the population

#84a5a7 hex color

#84a5a7 Color Information

#84a5a7 Color Conversion

Color Schemes with #84a5a7

Alternatives to #84a5a7

#84a5a7 Preview

Shades and Tints of #84a5a7

Tones of #84a5a7

Color Blindness Simulator