#a5afde hex color

In a RGB color space, hex #a5afde is composed of 64.7% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 229.5 degrees, a saturation of 46.3% and a lightness of 75.9%. #a5afde color hex could be obtained by blending #ffffff with #4b5fbd. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 65
- G 69
- B 87
RGB color chart
- C 26
- M 21
- Y 0
- K 13
CMYK color chart

● #a5afde color description : Very soft blue.

The hexadecimal color #a5afde has RGB values of R:165, G:175, B:222 and CMYK values of C:0.26, M:0.21, Y:0, K:0.13. Its decimal value is 10858462.

Hex triplet	a5afde	`#a5afde`
RGB Decimal	165, 175, 222	`rgb(165,175,222)`
RGB Percent	64.7, 68.6, 87.1	`rgb(64.7%,68.6%,87.1%)`
CMYK	26, 21, 0, 13
HSL	229.5°, 46.3, 75.9	`hsl(229.5,46.3%,75.9%)`
HSV (or HSB)	229.5°, 25.7, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.183, 6.775, -24.796
XYZ	44.029, 43.932, 75.263
xyY	0.27, 0.269, 43.932
CIE-LCH	72.183, 25.705, 285.281
CIE-LUV	72.183, -7.717, -40.01
Hunter-Lab	66.282, 2.58, -20.927
Binary	10100101, 10101111, 11011110

#a5afde
```
#a5afde rgb(165,175,222)
```
#ded4a5
```
#ded4a5 rgb(222,212,165)
```

Complementary Color

#a5ccde
```
#a5ccde rgb(165,204,222)
```
#a5afde
```
#a5afde rgb(165,175,222)
```
#b8a5de
```
#b8a5de rgb(184,165,222)
```

Analogous Color

#ccdea5
```
#ccdea5 rgb(204,222,165)
```
#a5afde
```
#a5afde rgb(165,175,222)
```
#deb8a5
```
#deb8a5 rgb(222,184,165)
```

Split Complementary Color

#afdea5
```
#afdea5 rgb(175,222,165)
```
#a5afde
```
#a5afde rgb(165,175,222)
```
#dea5af
```
#dea5af rgb(222,165,175)
```

Triadic Color

#a5ded4
```
#a5ded4 rgb(165,222,212)
```
#a5afde
```
#a5afde rgb(165,175,222)
```
#dea5af
```
#dea5af rgb(222,165,175)
```
#ded4a5
```
#ded4a5 rgb(222,212,165)
```

Tetradic Color

#6d7dc9
```
#6d7dc9 rgb(109,125,201)
```
#808ed0
```
#808ed0 rgb(128,142,208)
```
#929ed7
```
#929ed7 rgb(146,158,215)
```
#a5afde
```
#a5afde rgb(165,175,222)
```
#b8c0e5
```
#b8c0e5 rgb(184,192,229)
```
#cad0ec
```
#cad0ec rgb(202,208,236)
```
#dde1f3
```
#dde1f3 rgb(221,225,243)
```

Monochromatic Color

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

#a5bdde
```
#a5bdde rgb(165,189,222)
```
#a5b9de
```
#a5b9de rgb(165,185,222)
```
#a5b4de
```
#a5b4de rgb(165,180,222)
```
#a5afde
```
#a5afde rgb(165,175,222)
```
#a5aade
```
#a5aade rgb(165,170,222)
```
#a5a6de
```
#a5a6de rgb(165,166,222)
```
#a9a5de
```
#a9a5de rgb(169,165,222)
```

Similar Colors

Text with hexadecimal color #a5afde

This text has a font color of #a5afde.

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

#a5afde background color

This paragraph has a background color of #a5afde.

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

#a5afde border color

This element has a border color of #a5afde.

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

CSS codes

.text {color:#a5afde;}

.background {background-color:#a5afde;}

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

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, #04050a is the darkest color, while #fbfcfe is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#090c19
```
#090c19 rgb(9,12,25)
```
#0e1327
```
#0e1327 rgb(14,19,39)
```
#141a36
```
#141a36 rgb(20,26,54)
```
#192044
```
#192044 rgb(25,32,68)
```
#1e2752
```
#1e2752 rgb(30,39,82)
```
#232e61
```
#232e61 rgb(35,46,97)
```
#29356f
```
#29356f rgb(41,53,111)
```
#2e3c7d
```
#2e3c7d rgb(46,60,125)
```
#33438c
```
#33438c rgb(51,67,140)
```
#384a9a
```
#384a9a rgb(56,74,154)
```
#3e50a8
```
#3e50a8 rgb(62,80,168)
```
#4357b7
```
#4357b7 rgb(67,87,183)
```

Shade Color Variation

#4f62be
```
#4f62be rgb(79,98,190)
```
#5d6fc4
```
#5d6fc4 rgb(93,111,196)
```
#6c7cc9
```
#6c7cc9 rgb(108,124,201)
```
#7a89ce
```
#7a89ce rgb(122,137,206)
```
#8895d3
```
#8895d3 rgb(136,149,211)
```
#97a2d9
```
#97a2d9 rgb(151,162,217)
```
#a5afde
```
#a5afde rgb(165,175,222)
```
#b3bce3
```
#b3bce3 rgb(179,188,227)
```
#c2c9e9
```
#c2c9e9 rgb(194,201,233)
```
#d0d5ee
```
#d0d5ee rgb(208,213,238)
```
#dee2f3
```
#dee2f3 rgb(222,226,243)
```
#edeff8
```
#edeff8 rgb(237,239,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#c1c1c2
```
#c1c1c2 rgb(193,193,194)
```
#bdbec6
```
#bdbec6 rgb(189,190,198)
```
#b8bbcb
```
#b8bbcb rgb(184,187,203)
```
#b3b8d0
```
#b3b8d0 rgb(179,184,208)
```
#aeb5d5
```
#aeb5d5 rgb(174,181,213)
```
#aab2d9
```
#aab2d9 rgb(170,178,217)
```
#a5afde
```
#a5afde rgb(165,175,222)
```
#a0ace3
```
#a0ace3 rgb(160,172,227)
```
#9ca9e7
```
#9ca9e7 rgb(156,169,231)
```
#97a6ec
```
#97a6ec rgb(151,166,236)
```
#92a3f1
```
#92a3f1 rgb(146,163,241)
```
#8da0f6
```
#8da0f6 rgb(141,160,246)
```
#899dfa
```
#899dfa rgb(137,157,250)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#afb1ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b3df Protanopia 1% of men
#aeb1e0 Deuteranopia 1% of men
#a3b8c5 Tritanopia 0.001% of the population

Trichromacy

#a7b1df Protanomaly 1% of men, 0.01% of women
#aab0df Deuteranomaly 6% of men, 0.4% of women
#a3b4ce Tritanomaly 0.01% of the population

#a5afde hex color

#a5afde Color Information

#a5afde Color Conversion

Color Schemes with #a5afde

Alternatives to #a5afde

#a5afde Preview

Shades and Tints of #a5afde

Tones of #a5afde

Color Blindness Simulator