#af9fc2 hex color

In a RGB color space, hex #af9fc2 is composed of 68.6% red, 62.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 18% magenta, 0% yellow and 23.9% black. It has a hue angle of 267.4 degrees, a saturation of 22.3% and a lightness of 69.2%. #af9fc2 color hex could be obtained by blending #ffffff with #5f3f85. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 62
- B 76
RGB color chart
- C 10
- M 18
- Y 0
- K 24
CMYK color chart

● #af9fc2 color description : Grayish violet.

The hexadecimal color #af9fc2 has RGB values of R:175, G:159, B:194 and CMYK values of C:0.1, M:0.18, Y:0, K:0.24. Its decimal value is 11509698.

Hex triplet	af9fc2	`#af9fc2`
RGB Decimal	175, 159, 194	`rgb(175,159,194)`
RGB Percent	68.6, 62.4, 76.1	`rgb(68.6%,62.4%,76.1%)`
CMYK	10, 18, 0, 24
HSL	267.4°, 22.3, 69.2	`hsl(267.4,22.3%,69.2%)`
HSV (or HSB)	267.4°, 18, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.877, 12.572, -15.85
XYZ	39.813, 37.805, 56.236
xyY	0.297, 0.282, 37.805
CIE-LCH	67.877, 20.23, 308.421
CIE-LUV	67.877, 6.608, -26.16
Hunter-Lab	61.486, 7.981, -11.187
Binary	10101111, 10011111, 11000010

#af9fc2
```
#af9fc2 rgb(175,159,194)
```
#b2c29f
```
#b2c29f rgb(178,194,159)
```

Complementary Color

#9fa1c2
```
#9fa1c2 rgb(159,161,194)
```
#af9fc2
```
#af9fc2 rgb(175,159,194)
```
#c19fc2
```
#c19fc2 rgb(193,159,194)
```

Analogous Color

#a1c29f
```
#a1c29f rgb(161,194,159)
```
#af9fc2
```
#af9fc2 rgb(175,159,194)
```
#c2c19f
```
#c2c19f rgb(194,193,159)
```

Split Complementary Color

#9fc2af
```
#9fc2af rgb(159,194,175)
```
#af9fc2
```
#af9fc2 rgb(175,159,194)
```
#c2af9f
```
#c2af9f rgb(194,175,159)
```

Triadic Color

#9fb2c2
```
#9fb2c2 rgb(159,178,194)
```
#af9fc2
```
#af9fc2 rgb(175,159,194)
```
#c2af9f
```
#c2af9f rgb(194,175,159)
```
#b2c29f
```
#b2c29f rgb(178,194,159)
```

Tetradic Color

#8870a4
```
#8870a4 rgb(136,112,164)
```
#9580ae
```
#9580ae rgb(149,128,174)
```
#a28fb8
```
#a28fb8 rgb(162,143,184)
```
#af9fc2
```
#af9fc2 rgb(175,159,194)
```
#bcafcc
```
#bcafcc rgb(188,175,204)
```
#c9bed6
```
#c9bed6 rgb(201,190,214)
```
#d6cee0
```
#d6cee0 rgb(214,206,224)
```

Monochromatic Color

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

#a69fc2
```
#a69fc2 rgb(166,159,194)
```
#a99fc2
```
#a99fc2 rgb(169,159,194)
```
#ac9fc2
```
#ac9fc2 rgb(172,159,194)
```
#af9fc2
```
#af9fc2 rgb(175,159,194)
```
#b29fc2
```
#b29fc2 rgb(178,159,194)
```
#b59fc2
```
#b59fc2 rgb(181,159,194)
```
#b89fc2
```
#b89fc2 rgb(184,159,194)
```

Similar Colors

Text with hexadecimal color #af9fc2

This text has a font color of #af9fc2.

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

#af9fc2 background color

This paragraph has a background color of #af9fc2.

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

#af9fc2 border color

This element has a border color of #af9fc2.

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

CSS codes

.text {color:#af9fc2;}

.background {background-color:#af9fc2;}

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

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

#0a080c
```
#0a080c rgb(10,8,12)
```
#130f18
```
#130f18 rgb(19,15,24)
```
#1d1724
```
#1d1724 rgb(29,23,36)
```
#261e30
```
#261e30 rgb(38,30,48)
```
#30263c
```
#30263c rgb(48,38,60)
```
#3a2e48
```
#3a2e48 rgb(58,46,72)
```
#433554
```
#433554 rgb(67,53,84)
```
#4d3d60
```
#4d3d60 rgb(77,61,96)
```
#57456c
```
#57456c rgb(87,69,108)
```
#604c78
```
#604c78 rgb(96,76,120)
```
#6a5484
```
#6a5484 rgb(106,84,132)
```
#735b90
```
#735b90 rgb(115,91,144)
```
#7d639c
```
#7d639c rgb(125,99,156)
```

Shade Color Variation

#876fa4
```
#876fa4 rgb(135,111,164)
```
#917bab
```
#917bab rgb(145,123,171)
```
#9b87b3
```
#9b87b3 rgb(155,135,179)
```
#a593ba
```
#a593ba rgb(165,147,186)
```
#af9fc2
```
#af9fc2 rgb(175,159,194)
```
#b9abca
```
#b9abca rgb(185,171,202)
```
#c3b7d1
```
#c3b7d1 rgb(195,183,209)
```
#cdc3d9
```
#cdc3d9 rgb(205,195,217)
```
#d7cfe0
```
#d7cfe0 rgb(215,207,224)
```
#e1dbe8
```
#e1dbe8 rgb(225,219,232)
```
#ebe7f0
```
#ebe7f0 rgb(235,231,240)
```
#f5f3f7
```
#f5f3f7 rgb(245,243,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0abb6
```
#b0abb6 rgb(176,171,182)
```
#b0a5bc
```
#b0a5bc rgb(176,165,188)
```
#af9fc2
```
#af9fc2 rgb(175,159,194)
```
#ae99c8
```
#ae99c8 rgb(174,153,200)
```
#ae93ce
```
#ae93ce rgb(174,147,206)
```
#ad8dd4
```
#ad8dd4 rgb(173,141,212)
```
#ad87da
```
#ad87da rgb(173,135,218)
```
#ac81e0
```
#ac81e0 rgb(172,129,224)
```
#ac7be6
```
#ac7be6 rgb(172,123,230)
```
#ab75ec
```
#ab75ec rgb(171,117,236)
```
#ab6ff2
```
#ab6ff2 rgb(171,111,242)
```
#aa69f8
```
#aa69f8 rgb(170,105,248)
```
#aa63fe
```
#aa63fe rgb(170,99,254)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9a6ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a8c7 Protanopia 1% of men
#aca6c4 Deuteranopia 1% of men
#afa7b3 Tritanopia 0.001% of the population

Trichromacy

#a7a5c5 Protanomaly 1% of men, 0.01% of women
#ada3c3 Deuteranomaly 6% of men, 0.4% of women
#afa4b8 Tritanomaly 0.01% of the population

#af9fc2 hex color

#af9fc2 Color Information

#af9fc2 Color Conversion

Color Schemes with #af9fc2

Alternatives to #af9fc2

#af9fc2 Preview

Shades and Tints of #af9fc2

Tones of #af9fc2

Color Blindness Simulator