#afa5ec hex color

In a RGB color space, hex #afa5ec is composed of 68.6% red, 64.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 30.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 248.5 degrees, a saturation of 65.1% and a lightness of 78.6%. #afa5ec color hex could be obtained by blending #ffffff with #5f4bd9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 65
- B 93
RGB color chart
- C 26
- M 30
- Y 0
- K 7
CMYK color chart

● #afa5ec color description : Very soft blue.

The hexadecimal color #afa5ec has RGB values of R:175, G:165, B:236 and CMYK values of C:0.26, M:0.3, Y:0, K:0.07. Its decimal value is 11511276.

Hex triplet	afa5ec	`#afa5ec`
RGB Decimal	175, 165, 236	`rgb(175,165,236)`
RGB Percent	68.6, 64.7, 92.5	`rgb(68.6%,64.7%,92.5%)`
CMYK	26, 30, 0, 7
HSL	248.5°, 65.1, 78.6	`hsl(248.5,65.1%,78.6%)`
HSV (or HSB)	248.5°, 30.1, 92.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.926, 18.654, -34.309
XYZ	46.272, 42.08, 85.037
xyY	0.267, 0.243, 42.08
CIE-LCH	70.926, 39.052, 298.534
CIE-LUV	70.926, 0.579, -57.386
Hunter-Lab	64.869, 13.805, -32.315
Binary	10101111, 10100101, 11101100

#afa5ec
```
#afa5ec rgb(175,165,236)
```
#e2eca5
```
#e2eca5 rgb(226,236,165)
```

Complementary Color

#a5bfec
```
#a5bfec rgb(165,191,236)
```
#afa5ec
```
#afa5ec rgb(175,165,236)
```
#d3a5ec
```
#d3a5ec rgb(211,165,236)
```

Analogous Color

#bfeca5
```
#bfeca5 rgb(191,236,165)
```
#afa5ec
```
#afa5ec rgb(175,165,236)
```
#ecd3a5
```
#ecd3a5 rgb(236,211,165)
```

Split Complementary Color

#a5ecaf
```
#a5ecaf rgb(165,236,175)
```
#afa5ec
```
#afa5ec rgb(175,165,236)
```
#ecafa5
```
#ecafa5 rgb(236,175,165)
```

Triadic Color

#a5e2ec
```
#a5e2ec rgb(165,226,236)
```
#afa5ec
```
#afa5ec rgb(175,165,236)
```
#ecafa5
```
#ecafa5 rgb(236,175,165)
```
#e2eca5
```
#e2eca5 rgb(226,236,165)
```

Tetradic Color

#7766df
```
#7766df rgb(119,102,223)
```
#8a7be3
```
#8a7be3 rgb(138,123,227)
```
#9c90e8
```
#9c90e8 rgb(156,144,232)
```
#afa5ec
```
#afa5ec rgb(175,165,236)
```
#c2baf0
```
#c2baf0 rgb(194,186,240)
```
#d4cff5
```
#d4cff5 rgb(212,207,245)
```
#e7e4f9
```
#e7e4f9 rgb(231,228,249)
```

Monochromatic Color

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

#a5adec
```
#a5adec rgb(165,173,236)
```
#a5a7ec
```
#a5a7ec rgb(165,167,236)
```
#a9a5ec
```
#a9a5ec rgb(169,165,236)
```
#afa5ec
```
#afa5ec rgb(175,165,236)
```
#b5a5ec
```
#b5a5ec rgb(181,165,236)
```
#bba5ec
```
#bba5ec rgb(187,165,236)
```
#c1a5ec
```
#c1a5ec rgb(193,165,236)
```

Similar Colors

Text with hexadecimal color #afa5ec

This text has a font color of #afa5ec.

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

#afa5ec background color

This paragraph has a background color of #afa5ec.

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

#afa5ec border color

This element has a border color of #afa5ec.

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

CSS codes

.text {color:#afa5ec;}

.background {background-color:#afa5ec;}

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

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

#020207
```
#020207 rgb(2,2,7)
```
#080517
```
#080517 rgb(8,5,23)
```
#0d0828
```
#0d0828 rgb(13,8,40)
```
#120c38
```
#120c38 rgb(18,12,56)
```
#170f48
```
#170f48 rgb(23,15,72)
```
#1c1358
```
#1c1358 rgb(28,19,88)
```
#221668
```
#221668 rgb(34,22,104)
```
#271979
```
#271979 rgb(39,25,121)
```
#2c1d89
```
#2c1d89 rgb(44,29,137)
```
#312099
```
#312099 rgb(49,32,153)
```
#3724a9
```
#3724a9 rgb(55,36,169)
```
#3c27b9
```
#3c27b9 rgb(60,39,185)
```
#412bca
```
#412bca rgb(65,43,202)
```

Shade Color Variation

#4a34d4
```
#4a34d4 rgb(74,52,212)
```
#5944d7
```
#5944d7 rgb(89,68,215)
```
#6754db
```
#6754db rgb(103,84,219)
```
#7564de
```
#7564de rgb(117,100,222)
```
#8474e2
```
#8474e2 rgb(132,116,226)
```
#9285e5
```
#9285e5 rgb(146,133,229)
```
#a195e9
```
#a195e9 rgb(161,149,233)
```
#afa5ec
```
#afa5ec rgb(175,165,236)
```
#bdb5ef
```
#bdb5ef rgb(189,181,239)
```
#ccc5f3
```
#ccc5f3 rgb(204,197,243)
```
#dad6f6
```
#dad6f6 rgb(218,214,246)
```
#e9e6fa
```
#e9e6fa rgb(233,230,250)
```
#f7f6fd
```
#f7f6fd rgb(247,246,253)
```

Tint Color Variation

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

#c7c7ca
```
#c7c7ca rgb(199,199,202)
```
#c4c2cf
```
#c4c2cf rgb(196,194,207)
```
#c1bed3
```
#c1bed3 rgb(193,190,211)
```
#bebad7
```
#bebad7 rgb(190,186,215)
```
#bbb6db
```
#bbb6db rgb(187,182,219)
```
#b8b2df
```
#b8b2df rgb(184,178,223)
```
#b5ade4
```
#b5ade4 rgb(181,173,228)
```
#b2a9e8
```
#b2a9e8 rgb(178,169,232)
```
#afa5ec
```
#afa5ec rgb(175,165,236)
```
#aca1f0
```
#aca1f0 rgb(172,161,240)
```
#a99df4
```
#a99df4 rgb(169,157,244)
```
#a698f9
```
#a698f9 rgb(166,152,249)
```
#a394fd
```
#a394fd rgb(163,148,253)
```

Tone Color Variation

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

Dichromacy

#9caff1 Protanopia 1% of men
#9fafea Deuteranopia 1% of men
#a8b2bf Tritanopia 0.001% of the population

Trichromacy

#a3abef Protanomaly 1% of men, 0.01% of women
#a5abeb Deuteranomaly 6% of men, 0.4% of women
#aaadcf Tritanomaly 0.01% of the population

#afa5ec hex color

#afa5ec Color Information

#afa5ec Color Conversion

Color Schemes with #afa5ec

Alternatives to #afa5ec

#afa5ec Preview

Shades and Tints of #afa5ec

Tones of #afa5ec

Color Blindness Simulator