#a5afd5 hex color

In a RGB color space, hex #a5afd5 is composed of 64.7% red, 68.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 17.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 227.5 degrees, a saturation of 36.4% and a lightness of 74.1%. #a5afd5 color hex could be obtained by blending #ffffff with #4b5fab. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 65
- G 69
- B 84
RGB color chart
- C 23
- M 18
- Y 0
- K 16
CMYK color chart

● #a5afd5 color description : Grayish blue.

The hexadecimal color #a5afd5 has RGB values of R:165, G:175, B:213 and CMYK values of C:0.23, M:0.18, Y:0, K:0.16. Its decimal value is 10858453.

Hex triplet	a5afd5	`#a5afd5`
RGB Decimal	165, 175, 213	`rgb(165,175,213)`
RGB Percent	64.7, 68.6, 83.5	`rgb(64.7%,68.6%,83.5%)`
CMYK	23, 18, 0, 16
HSL	227.5°, 36.4, 74.1	`hsl(227.5,36.4%,74.1%)`
HSV (or HSB)	227.5°, 22.5, 83.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.868, 4.664, -20.357
XYZ	42.855, 43.463, 69.078
xyY	0.276, 0.28, 43.463
CIE-LCH	71.868, 20.884, 282.903
CIE-LUV	71.868, -7.29, -32.408
Hunter-Lab	65.926, 0.662, -15.976
Binary	10100101, 10101111, 11010101

#a5afd5
```
#a5afd5 rgb(165,175,213)
```
#d5cba5
```
#d5cba5 rgb(213,203,165)
```

Complementary Color

#a5c7d5
```
#a5c7d5 rgb(165,199,213)
```
#a5afd5
```
#a5afd5 rgb(165,175,213)
```
#b3a5d5
```
#b3a5d5 rgb(179,165,213)
```

Analogous Color

#c7d5a5
```
#c7d5a5 rgb(199,213,165)
```
#a5afd5
```
#a5afd5 rgb(165,175,213)
```
#d5b3a5
```
#d5b3a5 rgb(213,179,165)
```

Split Complementary Color

#afd5a5
```
#afd5a5 rgb(175,213,165)
```
#a5afd5
```
#a5afd5 rgb(165,175,213)
```
#d5a5af
```
#d5a5af rgb(213,165,175)
```

Triadic Color

#a5d5cb
```
#a5d5cb rgb(165,213,203)
```
#a5afd5
```
#a5afd5 rgb(165,175,213)
```
#d5a5af
```
#d5a5af rgb(213,165,175)
```
#d5cba5
```
#d5cba5 rgb(213,203,165)
```

Tetradic Color

#7181bd
```
#7181bd rgb(113,129,189)
```
#8290c5
```
#8290c5 rgb(130,144,197)
```
#94a0cd
```
#94a0cd rgb(148,160,205)
```
#a5afd5
```
#a5afd5 rgb(165,175,213)
```
#b6bedd
```
#b6bedd rgb(182,190,221)
```
#c8cee5
```
#c8cee5 rgb(200,206,229)
```
#d9dded
```
#d9dded rgb(217,221,237)
```

Monochromatic Color

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

#a5bbd5
```
#a5bbd5 rgb(165,187,213)
```
#a5b7d5
```
#a5b7d5 rgb(165,183,213)
```
#a5b3d5
```
#a5b3d5 rgb(165,179,213)
```
#a5afd5
```
#a5afd5 rgb(165,175,213)
```
#a5abd5
```
#a5abd5 rgb(165,171,213)
```
#a5a7d5
```
#a5a7d5 rgb(165,167,213)
```
#a7a5d5
```
#a7a5d5 rgb(167,165,213)
```

Similar Colors

Text with hexadecimal color #a5afd5

This text has a font color of #a5afd5.

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

#a5afd5 background color

This paragraph has a background color of #a5afd5.

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

#a5afd5 border color

This element has a border color of #a5afd5.

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

CSS codes

.text {color:#a5afd5;}

.background {background-color:#a5afd5;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080a11
```
#080a11 rgb(8,10,17)
```
#0e121e
```
#0e121e rgb(14,18,30)
```
#14192c
```
#14192c rgb(20,25,44)
```
#1b2139
```
#1b2139 rgb(27,33,57)
```
#212946
```
#212946 rgb(33,41,70)
```
#273054
```
#273054 rgb(39,48,84)
```
#2d3861
```
#2d3861 rgb(45,56,97)
```
#34406f
```
#34406f rgb(52,64,111)
```
#3a487c
```
#3a487c rgb(58,72,124)
```
#404f89
```
#404f89 rgb(64,79,137)
```
#465797
```
#465797 rgb(70,87,151)
```
#4d5fa4
```
#4d5fa4 rgb(77,95,164)
```

Shade Color Variation

#5568b0
```
#5568b0 rgb(85,104,176)
```
#6274b6
```
#6274b6 rgb(98,116,182)
```
#707fbc
```
#707fbc rgb(112,127,188)
```
#7d8bc2
```
#7d8bc2 rgb(125,139,194)
```
#8a97c9
```
#8a97c9 rgb(138,151,201)
```
#98a3cf
```
#98a3cf rgb(152,163,207)
```
#a5afd5
```
#a5afd5 rgb(165,175,213)
```
#b2bbdb
```
#b2bbdb rgb(178,187,219)
```
#c0c7e1
```
#c0c7e1 rgb(192,199,225)
```
#cdd3e8
```
#cdd3e8 rgb(205,211,232)
```
#dadfee
```
#dadfee rgb(218,223,238)
```
#e8eaf4
```
#e8eaf4 rgb(232,234,244)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

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

#b9bbc1
```
#b9bbc1 rgb(185,187,193)
```
#b4b8c6
```
#b4b8c6 rgb(180,184,198)
```
#afb5cb
```
#afb5cb rgb(175,181,203)
```
#aab2d0
```
#aab2d0 rgb(170,178,208)
```
#a5afd5
```
#a5afd5 rgb(165,175,213)
```
#a0acda
```
#a0acda rgb(160,172,218)
```
#9ba9df
```
#9ba9df rgb(155,169,223)
```
#96a6e4
```
#96a6e4 rgb(150,166,228)
```
#91a3e9
```
#91a3e9 rgb(145,163,233)
```
#8ca0ee
```
#8ca0ee rgb(140,160,238)
```
#879df3
```
#879df3 rgb(135,157,243)
```
#819af9
```
#819af9 rgb(129,154,249)
```
#7c97fe
```
#7c97fe rgb(124,151,254)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#aeb0b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb2d6 Protanopia 1% of men
#b1b0d8 Deuteranopia 1% of men
#a5b6c3 Tritanopia 0.001% of the population

Trichromacy

#a9b1d6 Protanomaly 1% of men, 0.01% of women
#adb0d6 Deuteranomaly 6% of men, 0.4% of women
#a5b3ca Tritanomaly 0.01% of the population

#a5afd5 hex color

#a5afd5 Color Information

#a5afd5 Color Conversion

Color Schemes with #a5afd5

Alternatives to #a5afd5

#a5afd5 Preview

Shades and Tints of #a5afd5

Tones of #a5afd5

Color Blindness Simulator