#a5afd0 hex color

In a RGB color space, hex #a5afd0 is composed of 64.7% red, 68.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 15.9% magenta, 0% yellow and 18.4% black. It has a hue angle of 226 degrees, a saturation of 31.4% and a lightness of 73.1%. #a5afd0 color hex could be obtained by blending #ffffff with #4b5fa1. Closest websafe color is: #9999cc.

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

● #a5afd0 color description : Grayish blue.

The hexadecimal color #a5afd0 has RGB values of R:165, G:175, B:208 and CMYK values of C:0.21, M:0.16, Y:0, K:0.18. Its decimal value is 10858448.

Hex triplet	a5afd0	`#a5afd0`
RGB Decimal	165, 175, 208	`rgb(165,175,208)`
RGB Percent	64.7, 68.6, 81.6	`rgb(64.7%,68.6%,81.6%)`
CMYK	21, 16, 0, 18
HSL	226°, 31.4, 73.1	`hsl(226,31.4%,73.1%)`
HSV (or HSB)	226°, 20.7, 81.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.699, 3.518, -17.874
XYZ	42.23, 43.213, 65.787
xyY	0.279, 0.286, 43.213
CIE-LCH	71.699, 18.217, 281.136
CIE-LUV	71.699, -7.054, -28.207
Hunter-Lab	65.736, -0.368, -13.32
Binary	10100101, 10101111, 11010000

#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#d0c6a5
```
#d0c6a5 rgb(208,198,165)
```

Complementary Color

#a5c5d0
```
#a5c5d0 rgb(165,197,208)
```
#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#b1a5d0
```
#b1a5d0 rgb(177,165,208)
```

Analogous Color

#c5d0a5
```
#c5d0a5 rgb(197,208,165)
```
#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#d0b1a5
```
#d0b1a5 rgb(208,177,165)
```

Split Complementary Color

#afd0a5
```
#afd0a5 rgb(175,208,165)
```
#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#d0a5af
```
#d0a5af rgb(208,165,175)
```

Triadic Color

#a5d0c6
```
#a5d0c6 rgb(165,208,198)
```
#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#d0a5af
```
#d0a5af rgb(208,165,175)
```
#d0c6a5
```
#d0c6a5 rgb(208,198,165)
```

Tetradic Color

#7382b6
```
#7382b6 rgb(115,130,182)
```
#8391bf
```
#8391bf rgb(131,145,191)
```
#94a0c7
```
#94a0c7 rgb(148,160,199)
```
#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#b6bed9
```
#b6bed9 rgb(182,190,217)
```
#c7cde1
```
#c7cde1 rgb(199,205,225)
```
#d7dcea
```
#d7dcea rgb(215,220,234)
```

Monochromatic Color

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

#a5bad0
```
#a5bad0 rgb(165,186,208)
```
#a5b6d0
```
#a5b6d0 rgb(165,182,208)
```
#a5b3d0
```
#a5b3d0 rgb(165,179,208)
```
#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#a5abd0
```
#a5abd0 rgb(165,171,208)
```
#a5a8d0
```
#a5a8d0 rgb(165,168,208)
```
#a6a5d0
```
#a6a5d0 rgb(166,165,208)
```

Similar Colors

Text with hexadecimal color #a5afd0

This text has a font color of #a5afd0.

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

#a5afd0 background color

This paragraph has a background color of #a5afd0.

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

#a5afd0 border color

This element has a border color of #a5afd0.

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

CSS codes

.text {color:#a5afd0;}

.background {background-color:#a5afd0;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#07080d
```
#07080d rgb(7,8,13)
```
#0e101a
```
#0e101a rgb(14,16,26)
```
#141927
```
#141927 rgb(20,25,39)
```
#1b2134
```
#1b2134 rgb(27,33,52)
```
#222941
```
#222941 rgb(34,41,65)
```
#28314e
```
#28314e rgb(40,49,78)
```
#2f395a
```
#2f395a rgb(47,57,90)
```
#364167
```
#364167 rgb(54,65,103)
```
#3d4a74
```
#3d4a74 rgb(61,74,116)
```
#435281
```
#435281 rgb(67,82,129)
```
#4a5a8e
```
#4a5a8e rgb(74,90,142)
```
#51629b
```
#51629b rgb(81,98,155)
```

Shade Color Variation

#586aa8
```
#586aa8 rgb(88,106,168)
```
#6576ae
```
#6576ae rgb(101,118,174)
```
#7181b5
```
#7181b5 rgb(113,129,181)
```
#7e8dbc
```
#7e8dbc rgb(126,141,188)
```
#8b98c3
```
#8b98c3 rgb(139,152,195)
```
#98a4c9
```
#98a4c9 rgb(152,164,201)
```
#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#b2bad7
```
#b2bad7 rgb(178,186,215)
```
#bfc6dd
```
#bfc6dd rgb(191,198,221)
```
#ccd1e4
```
#ccd1e4 rgb(204,209,228)
```
#d9ddeb
```
#d9ddeb rgb(217,221,235)
```
#e5e8f2
```
#e5e8f2 rgb(229,232,242)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```

Tint Color Variation

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

#bababb
```
#bababb rgb(186,186,187)
```
#b5b7c0
```
#b5b7c0 rgb(181,183,192)
```
#b0b5c5
```
#b0b5c5 rgb(176,181,197)
```
#aab2cb
```
#aab2cb rgb(170,178,203)
```
#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#a0acd5
```
#a0acd5 rgb(160,172,213)
```
#9aa9db
```
#9aa9db rgb(154,169,219)
```
#95a7e0
```
#95a7e0 rgb(149,167,224)
```
#90a4e5
```
#90a4e5 rgb(144,164,229)
```
#8ba1ea
```
#8ba1ea rgb(139,161,234)
```
#859ef0
```
#859ef0 rgb(133,158,240)
```
#809bf5
```
#809bf5 rgb(128,155,245)
```
#7b98fa
```
#7b98fa rgb(123,152,250)
```

Tone Color Variation

Below, you can see how #a5afd0 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
#aeb0b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb2d1 Protanopia 1% of men
#b3b0d3 Deuteranopia 1% of men
#a6b5c3 Tritanopia 0.001% of the population

Trichromacy

#aab1d1 Protanomaly 1% of men, 0.01% of women
#aeafd2 Deuteranomaly 6% of men, 0.4% of women
#a5b3c7 Tritanomaly 0.01% of the population

#a5afd0 hex color

#a5afd0 Color Information

#a5afd0 Color Conversion

Color Schemes with #a5afd0

Alternatives to #a5afd0

#a5afd0 Preview

Shades and Tints of #a5afd0

Tones of #a5afd0

Color Blindness Simulator