#afa5cf hex color

In a RGB color space, hex #afa5cf is composed of 68.6% red, 64.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 20.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 254.3 degrees, a saturation of 30.4% and a lightness of 72.9%. #afa5cf color hex could be obtained by blending #ffffff with #5f4b9f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 65
- B 81
RGB color chart
- C 15
- M 20
- Y 0
- K 19
CMYK color chart

● #afa5cf color description : Grayish blue.

The hexadecimal color #afa5cf has RGB values of R:175, G:165, B:207 and CMYK values of C:0.15, M:0.2, Y:0, K:0.19. Its decimal value is 11511247.

Hex triplet	afa5cf	`#afa5cf`
RGB Decimal	175, 165, 207	`rgb(175,165,207)`
RGB Percent	68.6, 64.7, 81.2	`rgb(68.6%,64.7%,81.2%)`
CMYK	15, 20, 0, 19
HSL	254.3°, 30.4, 72.9	`hsl(254.3,30.4%,72.9%)`
HSV (or HSB)	254.3°, 20.3, 81.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.845, 12.007, -20.063
XYZ	42.395, 40.529, 64.617
xyY	0.287, 0.275, 40.529
CIE-LCH	69.845, 23.381, 300.899
CIE-LUV	69.845, 2.76, -32.912
Hunter-Lab	63.663, 7.459, -15.616
Binary	10101111, 10100101, 11001111

#afa5cf
```
#afa5cf rgb(175,165,207)
```
#c5cfa5
```
#c5cfa5 rgb(197,207,165)
```

Complementary Color

#a5b0cf
```
#a5b0cf rgb(165,176,207)
```
#afa5cf
```
#afa5cf rgb(175,165,207)
```
#c4a5cf
```
#c4a5cf rgb(196,165,207)
```

Analogous Color

#b0cfa5
```
#b0cfa5 rgb(176,207,165)
```
#afa5cf
```
#afa5cf rgb(175,165,207)
```
#cfc4a5
```
#cfc4a5 rgb(207,196,165)
```

Split Complementary Color

#a5cfaf
```
#a5cfaf rgb(165,207,175)
```
#afa5cf
```
#afa5cf rgb(175,165,207)
```
#cfafa5
```
#cfafa5 rgb(207,175,165)
```

Triadic Color

#a5c5cf
```
#a5c5cf rgb(165,197,207)
```
#afa5cf
```
#afa5cf rgb(175,165,207)
```
#cfafa5
```
#cfafa5 rgb(207,175,165)
```
#c5cfa5
```
#c5cfa5 rgb(197,207,165)
```

Tetradic Color

#8373b4
```
#8373b4 rgb(131,115,180)
```
#9184bd
```
#9184bd rgb(145,132,189)
```
#a094c6
```
#a094c6 rgb(160,148,198)
```
#afa5cf
```
#afa5cf rgb(175,165,207)
```
#beb6d8
```
#beb6d8 rgb(190,182,216)
```
#cdc6e1
```
#cdc6e1 rgb(205,198,225)
```
#dbd7ea
```
#dbd7ea rgb(219,215,234)
```

Monochromatic Color

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

#a5a6cf
```
#a5a6cf rgb(165,166,207)
```
#a8a5cf
```
#a8a5cf rgb(168,165,207)
```
#aca5cf
```
#aca5cf rgb(172,165,207)
```
#afa5cf
```
#afa5cf rgb(175,165,207)
```
#b3a5cf
```
#b3a5cf rgb(179,165,207)
```
#b6a5cf
```
#b6a5cf rgb(182,165,207)
```
#baa5cf
```
#baa5cf rgb(186,165,207)
```

Similar Colors

Text with hexadecimal color #afa5cf

This text has a font color of #afa5cf.

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

#afa5cf background color

This paragraph has a background color of #afa5cf.

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

#afa5cf border color

This element has a border color of #afa5cf.

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

CSS codes

.text {color:#afa5cf;}

.background {background-color:#afa5cf;}

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

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

#08070c
```
#08070c rgb(8,7,12)
```
#100d19
```
#100d19 rgb(16,13,25)
```
#181426
```
#181426 rgb(24,20,38)
```
#211b33
```
#211b33 rgb(33,27,51)
```
#292240
```
#292240 rgb(41,34,64)
```
#31294c
```
#31294c rgb(49,41,76)
```
#393059
```
#393059 rgb(57,48,89)
```
#423666
```
#423666 rgb(66,54,102)
```
#4a3d73
```
#4a3d73 rgb(74,61,115)
```
#52447f
```
#52447f rgb(82,68,127)
```
#5a4b8c
```
#5a4b8c rgb(90,75,140)
```
#635299
```
#635299 rgb(99,82,153)
```
#6b58a6
```
#6b58a6 rgb(107,88,166)
```

Shade Color Variation

#7665ad
```
#7665ad rgb(118,101,173)
```
#8272b4
```
#8272b4 rgb(130,114,180)
```
#8d7fbb
```
#8d7fbb rgb(141,127,187)
```
#988bc1
```
#988bc1 rgb(152,139,193)
```
#a498c8
```
#a498c8 rgb(164,152,200)
```
#afa5cf
```
#afa5cf rgb(175,165,207)
```
#bab2d6
```
#bab2d6 rgb(186,178,214)
```
#c6bfdd
```
#c6bfdd rgb(198,191,221)
```
#d1cbe3
```
#d1cbe3 rgb(209,203,227)
```
#dcd8ea
```
#dcd8ea rgb(220,216,234)
```
#e8e5f1
```
#e8e5f1 rgb(232,229,241)
```
#f3f2f8
```
#f3f2f8 rgb(243,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b7b5bf
```
#b7b5bf rgb(183,181,191)
```
#b5b0c4
```
#b5b0c4 rgb(181,176,196)
```
#b2aaca
```
#b2aaca rgb(178,170,202)
```
#afa5cf
```
#afa5cf rgb(175,165,207)
```
#aca0d4
```
#aca0d4 rgb(172,160,212)
```
#a99ada
```
#a99ada rgb(169,154,218)
```
#a795df
```
#a795df rgb(167,149,223)
```
#a490e4
```
#a490e4 rgb(164,144,228)
```
#a18aea
```
#a18aea rgb(161,138,234)
```
#9e85ef
```
#9e85ef rgb(158,133,239)
```
#9c80f4
```
#9c80f4 rgb(156,128,244)
```
#997bf9
```
#997bf9 rgb(153,123,249)
```
#9675ff
```
#9675ff rgb(150,117,255)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adabb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5add3 Protanopia 1% of men
#adabd0 Deuteranopia 1% of men
#aeaeba Tritanopia 0.001% of the population

Trichromacy

#a8aad2 Protanomaly 1% of men, 0.01% of women
#aea9d0 Deuteranomaly 6% of men, 0.4% of women
#aeaac1 Tritanomaly 0.01% of the population

#afa5cf hex color

#afa5cf Color Information

#afa5cf Color Conversion

Color Schemes with #afa5cf

Alternatives to #afa5cf

#afa5cf Preview

Shades and Tints of #afa5cf

Tones of #afa5cf

Color Blindness Simulator