#a0aec5 hex color

In a RGB color space, hex #a0aec5 is composed of 62.7% red, 68.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 11.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 217.3 degrees, a saturation of 24.2% and a lightness of 70%. #a0aec5 color hex could be obtained by blending #ffffff with #415d8b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 63
- G 68
- B 77
RGB color chart
- C 19
- M 12
- Y 0
- K 23
CMYK color chart

● #a0aec5 color description : Grayish blue.

The hexadecimal color #a0aec5 has RGB values of R:160, G:174, B:197 and CMYK values of C:0.19, M:0.12, Y:0, K:0.23. Its decimal value is 10530501.

Hex triplet	a0aec5	`#a0aec5`
RGB Decimal	160, 174, 197	`rgb(160,174,197)`
RGB Percent	62.7, 68.2, 77.3	`rgb(62.7%,68.2%,77.3%)`
CMYK	19, 12, 0, 23
HSL	217.3°, 24.2, 70	`hsl(217.3,24.2%,70%)`
HSV (or HSB)	217.3°, 18.8, 77.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.716, 0.007, -13.349
XYZ	39.709, 41.776, 58.792
xyY	0.283, 0.298, 41.776
CIE-LCH	70.716, 13.349, 270.029
CIE-LUV	70.716, -8.605, -20.393
Hunter-Lab	64.635, -3.446, -8.686
Binary	10100000, 10101110, 11000101

#a0aec5
```
#a0aec5 rgb(160,174,197)
```
#c5b7a0
```
#c5b7a0 rgb(197,183,160)
```

Complementary Color

#a0c1c5
```
#a0c1c5 rgb(160,193,197)
```
#a0aec5
```
#a0aec5 rgb(160,174,197)
```
#a5a0c5
```
#a5a0c5 rgb(165,160,197)
```

Analogous Color

#c1c5a0
```
#c1c5a0 rgb(193,197,160)
```
#a0aec5
```
#a0aec5 rgb(160,174,197)
```
#c5a5a0
```
#c5a5a0 rgb(197,165,160)
```

Split Complementary Color

#aec5a0
```
#aec5a0 rgb(174,197,160)
```
#a0aec5
```
#a0aec5 rgb(160,174,197)
```
#c5a0ae
```
#c5a0ae rgb(197,160,174)
```

Triadic Color

#a0c5b7
```
#a0c5b7 rgb(160,197,183)
```
#a0aec5
```
#a0aec5 rgb(160,174,197)
```
#c5a0ae
```
#c5a0ae rgb(197,160,174)
```
#c5b7a0
```
#c5b7a0 rgb(197,183,160)
```

Tetradic Color

#7186a8
```
#7186a8 rgb(113,134,168)
```
#8093b2
```
#8093b2 rgb(128,147,178)
```
#90a1bb
```
#90a1bb rgb(144,161,187)
```
#a0aec5
```
#a0aec5 rgb(160,174,197)
```
#b0bccf
```
#b0bccf rgb(176,188,207)
```
#c0c9d8
```
#c0c9d8 rgb(192,201,216)
```
#d0d7e2
```
#d0d7e2 rgb(208,215,226)
```

Monochromatic Color

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

#a0b7c5
```
#a0b7c5 rgb(160,183,197)
```
#a0b4c5
```
#a0b4c5 rgb(160,180,197)
```
#a0b1c5
```
#a0b1c5 rgb(160,177,197)
```
#a0aec5
```
#a0aec5 rgb(160,174,197)
```
#a0abc5
```
#a0abc5 rgb(160,171,197)
```
#a0a8c5
```
#a0a8c5 rgb(160,168,197)
```
#a0a5c5
```
#a0a5c5 rgb(160,165,197)
```

Similar Colors

Text with hexadecimal color #a0aec5

This text has a font color of #a0aec5.

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

#a0aec5 background color

This paragraph has a background color of #a0aec5.

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

#a0aec5 border color

This element has a border color of #a0aec5.

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

CSS codes

.text {color:#a0aec5;}

.background {background-color:#a0aec5;}

.border {border:1px solid #a0aec5;}

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

#010202
```
#010202 rgb(1,2,2)
```
#090b0f
```
#090b0f rgb(9,11,15)
```
#10141b
```
#10141b rgb(16,20,27)
```
#181e27
```
#181e27 rgb(24,30,39)
```
#1f2733
```
#1f2733 rgb(31,39,51)
```
#27303f
```
#27303f rgb(39,48,63)
```
#2e394c
```
#2e394c rgb(46,57,76)
```
#364258
```
#364258 rgb(54,66,88)
```
#3d4c64
```
#3d4c64 rgb(61,76,100)
```
#445570
```
#445570 rgb(68,85,112)
```
#4c5e7c
```
#4c5e7c rgb(76,94,124)
```
#536788
```
#536788 rgb(83,103,136)
```
#5b7195
```
#5b7195 rgb(91,113,149)
```

Shade Color Variation

#637aa0
```
#637aa0 rgb(99,122,160)
```
#6f84a7
```
#6f84a7 rgb(111,132,167)
```
#7b8faf
```
#7b8faf rgb(123,143,175)
```
#8899b6
```
#8899b6 rgb(136,153,182)
```
#94a4be
```
#94a4be rgb(148,164,190)
```
#a0aec5
```
#a0aec5 rgb(160,174,197)
```
#acb8cc
```
#acb8cc rgb(172,184,204)
```
#b8c3d4
```
#b8c3d4 rgb(184,195,212)
```
#c5cddb
```
#c5cddb rgb(197,205,219)
```
#d1d8e3
```
#d1d8e3 rgb(209,216,227)
```
#dde2ea
```
#dde2ea rgb(221,226,234)
```
#e9ecf2
```
#e9ecf2 rgb(233,236,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#b2b2b3
```
#b2b2b3 rgb(178,178,179)
```
#acb1b9
```
#acb1b9 rgb(172,177,185)
```
#a6afbf
```
#a6afbf rgb(166,175,191)
```
#a0aec5
```
#a0aec5 rgb(160,174,197)
```
#9aadcb
```
#9aadcb rgb(154,173,203)
```
#94abd1
```
#94abd1 rgb(148,171,209)
```
#8eaad7
```
#8eaad7 rgb(142,170,215)
```
#88a8dd
```
#88a8dd rgb(136,168,221)
```
#83a7e2
```
#83a7e2 rgb(131,167,226)
```
#7da5e8
```
#7da5e8 rgb(125,165,232)
```
#77a4ee
```
#77a4ee rgb(119,164,238)
```
#71a3f4
```
#71a3f4 rgb(113,163,244)
```
#6ba1fa
```
#6ba1fa rgb(107,161,250)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#aaacb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb0c6 Protanopia 1% of men
#b5adc9 Deuteranopia 1% of men
#a3b3c0 Tritanopia 0.001% of the population

Trichromacy

#a8afc6 Protanomaly 1% of men, 0.01% of women
#adadc8 Deuteranomaly 6% of men, 0.4% of women
#a2b1c2 Tritanomaly 0.01% of the population

#a0aec5 hex color

#a0aec5 Color Information

#a0aec5 Color Conversion

Color Schemes with #a0aec5

Alternatives to #a0aec5

#a0aec5 Preview

Shades and Tints of #a0aec5

Tones of #a0aec5

Color Blindness Simulator