#a7afde hex color

In a RGB color space, hex #a7afde is composed of 65.5% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 231.3 degrees, a saturation of 45.5% and a lightness of 76.3%. #a7afde color hex could be obtained by blending #ffffff with #4f5fbd. Closest websafe color is: #9999cc.

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

● #a7afde color description : Very soft blue.

The hexadecimal color #a7afde has RGB values of R:167, G:175, B:222 and CMYK values of C:0.25, M:0.21, Y:0, K:0.13. Its decimal value is 10989534.

Hex triplet	a7afde	`#a7afde`
RGB Decimal	167, 175, 222	`rgb(167,175,222)`
RGB Percent	65.5, 68.6, 87.1	`rgb(65.5%,68.6%,87.1%)`
CMYK	25, 21, 0, 13
HSL	231.3°, 45.5, 76.3	`hsl(231.3,45.5%,76.3%)`
HSV (or HSB)	231.3°, 24.8, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.328, 7.376, -24.562
XYZ	44.449, 44.149, 75.283
xyY	0.271, 0.269, 44.149
CIE-LCH	72.328, 25.646, 286.716
CIE-LUV	72.328, -6.752, -39.725
Hunter-Lab	66.444, 3.131, -20.666
Binary	10100111, 10101111, 11011110

#a7afde
```
#a7afde rgb(167,175,222)
```
#ded6a7
```
#ded6a7 rgb(222,214,167)
```

Complementary Color

#a7cbde
```
#a7cbde rgb(167,203,222)
```
#a7afde
```
#a7afde rgb(167,175,222)
```
#bba7de
```
#bba7de rgb(187,167,222)
```

Analogous Color

#cbdea7
```
#cbdea7 rgb(203,222,167)
```
#a7afde
```
#a7afde rgb(167,175,222)
```
#debba7
```
#debba7 rgb(222,187,167)
```

Split Complementary Color

#afdea7
```
#afdea7 rgb(175,222,167)
```
#a7afde
```
#a7afde rgb(167,175,222)
```
#dea7af
```
#dea7af rgb(222,167,175)
```

Triadic Color

#a7ded6
```
#a7ded6 rgb(167,222,214)
```
#a7afde
```
#a7afde rgb(167,175,222)
```
#dea7af
```
#dea7af rgb(222,167,175)
```
#ded6a7
```
#ded6a7 rgb(222,214,167)
```

Tetradic Color

#6f7cc9
```
#6f7cc9 rgb(111,124,201)
```
#828dd0
```
#828dd0 rgb(130,141,208)
```
#949ed7
```
#949ed7 rgb(148,158,215)
```
#a7afde
```
#a7afde rgb(167,175,222)
```
#bac0e5
```
#bac0e5 rgb(186,192,229)
```
#ccd1ec
```
#ccd1ec rgb(204,209,236)
```
#dfe2f3
```
#dfe2f3 rgb(223,226,243)
```

Monochromatic Color

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

#a7bdde
```
#a7bdde rgb(167,189,222)
```
#a7b8de
```
#a7b8de rgb(167,184,222)
```
#a7b4de
```
#a7b4de rgb(167,180,222)
```
#a7afde
```
#a7afde rgb(167,175,222)
```
#a7aade
```
#a7aade rgb(167,170,222)
```
#a8a7de
```
#a8a7de rgb(168,167,222)
```
#ada7de
```
#ada7de rgb(173,167,222)
```

Similar Colors

Text with hexadecimal color #a7afde

This text has a font color of #a7afde.

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

#a7afde background color

This paragraph has a background color of #a7afde.

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

#a7afde border color

This element has a border color of #a7afde.

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

CSS codes

.text {color:#a7afde;}

.background {background-color:#a7afde;}

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

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, #04060c is the darkest color, while #fdfdfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#0a0c1a
```
#0a0c1a rgb(10,12,26)
```
#0f1328
```
#0f1328 rgb(15,19,40)
```
#141937
```
#141937 rgb(20,25,55)
```
#1a2045
```
#1a2045 rgb(26,32,69)
```
#1f2753
```
#1f2753 rgb(31,39,83)
```
#252d61
```
#252d61 rgb(37,45,97)
```
#2a3470
```
#2a3470 rgb(42,52,112)
```
#2f3b7e
```
#2f3b7e rgb(47,59,126)
```
#35418c
```
#35418c rgb(53,65,140)
```
#3a489b
```
#3a489b rgb(58,72,155)
```
#3f4fa9
```
#3f4fa9 rgb(63,79,169)
```
#4555b7
```
#4555b7 rgb(69,85,183)
```

Shade Color Variation

#5161be
```
#5161be rgb(81,97,190)
```
#606ec3
```
#606ec3 rgb(96,110,195)
```
#6e7bc9
```
#6e7bc9 rgb(110,123,201)
```
#7c88ce
```
#7c88ce rgb(124,136,206)
```
#8a95d3
```
#8a95d3 rgb(138,149,211)
```
#99a2d9
```
#99a2d9 rgb(153,162,217)
```
#a7afde
```
#a7afde rgb(167,175,222)
```
#b5bce3
```
#b5bce3 rgb(181,188,227)
```
#c4c9e9
```
#c4c9e9 rgb(196,201,233)
```
#d2d6ee
```
#d2d6ee rgb(210,214,238)
```
#e0e3f3
```
#e0e3f3 rgb(224,227,243)
```
#eef0f9
```
#eef0f9 rgb(238,240,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#bec0c7
```
#bec0c7 rgb(190,192,199)
```
#babccb
```
#babccb rgb(186,188,203)
```
#b5b9d0
```
#b5b9d0 rgb(181,185,208)
```
#b0b6d5
```
#b0b6d5 rgb(176,182,213)
```
#acb2d9
```
#acb2d9 rgb(172,178,217)
```
#a7afde
```
#a7afde rgb(167,175,222)
```
#a2ace3
```
#a2ace3 rgb(162,172,227)
```
#9ea8e7
```
#9ea8e7 rgb(158,168,231)
```
#99a5ec
```
#99a5ec rgb(153,165,236)
```
#94a2f1
```
#94a2f1 rgb(148,162,241)
```
#909ff5
```
#909ff5 rgb(144,159,245)
```
#8b9bfa
```
#8b9bfa rgb(139,155,250)
```
#8698ff
```
#8698ff rgb(134,152,255)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b0b1bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b3e0 Protanopia 1% of men
#aeb2e0 Deuteranopia 1% of men
#a5b8c5 Tritanopia 0.001% of the population

Trichromacy

#a8b1df Protanomaly 1% of men, 0.01% of women
#abb1df Deuteranomaly 6% of men, 0.4% of women
#a5b4ce Tritanomaly 0.01% of the population

#a7afde hex color

#a7afde Color Information

#a7afde Color Conversion

Color Schemes with #a7afde

Alternatives to #a7afde

#a7afde Preview

Shades and Tints of #a7afde

Tones of #a7afde

Color Blindness Simulator