#af6cf4 hex color

In a RGB color space, hex #af6cf4 is composed of 68.6% red, 42.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 55.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 269.6 degrees, a saturation of 86.1% and a lightness of 69%. #af6cf4 color hex could be obtained by blending #ffd8ff with #5f00e9. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 42
- B 96
RGB color chart
- C 28
- M 56
- Y 0
- K 4
CMYK color chart

● #af6cf4 color description : Soft violet.

The hexadecimal color #af6cf4 has RGB values of R:175, G:108, B:244 and CMYK values of C:0.28, M:0.56, Y:0, K:0.04. Its decimal value is 11496692.

Hex triplet	af6cf4	`#af6cf4`
RGB Decimal	175, 108, 244	`rgb(175,108,244)`
RGB Percent	68.6, 42.4, 95.7	`rgb(68.6%,42.4%,95.7%)`
CMYK	28, 56, 0, 4
HSL	269.6°, 86.1, 69	`hsl(269.6,86.1%,69%)`
HSV (or HSB)	269.6°, 55.7, 95.7
Web Safe	9966ff	`#9966ff`

CIE-LAB	58.388, 52.075, -58.463
XYZ	39.368, 26.371, 88.599
xyY	0.255, 0.171, 26.371
CIE-LCH	58.388, 78.293, 311.692
CIE-LUV	58.388, 20.408, -98.397
Hunter-Lab	51.353, 46.975, -66.346
Binary	10101111, 01101100, 11110100

#af6cf4
```
#af6cf4 rgb(175,108,244)
```
#b1f46c
```
#b1f46c rgb(177,244,108)
```

Complementary Color

#6c6df4
```
#6c6df4 rgb(108,109,244)
```
#af6cf4
```
#af6cf4 rgb(175,108,244)
```
#f36cf4
```
#f36cf4 rgb(243,108,244)
```

Analogous Color

#6df46c
```
#6df46c rgb(109,244,108)
```
#af6cf4
```
#af6cf4 rgb(175,108,244)
```
#f4f36c
```
#f4f36c rgb(244,243,108)
```

Split Complementary Color

#6cf4af
```
#6cf4af rgb(108,244,175)
```
#af6cf4
```
#af6cf4 rgb(175,108,244)
```
#f4af6c
```
#f4af6c rgb(244,175,108)
```

Triadic Color

#6cb1f4
```
#6cb1f4 rgb(108,177,244)
```
#af6cf4
```
#af6cf4 rgb(175,108,244)
```
#f4af6c
```
#f4af6c rgb(244,175,108)
```
#b1f46c
```
#b1f46c rgb(177,244,108)
```

Tetradic Color

#8825ef
```
#8825ef rgb(136,37,239)
```
#953df0
```
#953df0 rgb(149,61,240)
```
#a254f2
```
#a254f2 rgb(162,84,242)
```
#af6cf4
```
#af6cf4 rgb(175,108,244)
```
#bc84f6
```
#bc84f6 rgb(188,132,246)
```
#c99bf8
```
#c99bf8 rgb(201,155,248)
```
#d6b3f9
```
#d6b3f9 rgb(214,179,249)
```

Monochromatic Color

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

#8d6cf4
```
#8d6cf4 rgb(141,108,244)
```
#986cf4
```
#986cf4 rgb(152,108,244)
```
#a46cf4
```
#a46cf4 rgb(164,108,244)
```
#af6cf4
```
#af6cf4 rgb(175,108,244)
```
#ba6cf4
```
#ba6cf4 rgb(186,108,244)
```
#c66cf4
```
#c66cf4 rgb(198,108,244)
```
#d16cf4
```
#d16cf4 rgb(209,108,244)
```

Similar Colors

Text with hexadecimal color #af6cf4

This text has a font color of #af6cf4.

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

#af6cf4 background color

This paragraph has a background color of #af6cf4.

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

#af6cf4 border color

This element has a border color of #af6cf4.

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

CSS codes

.text {color:#af6cf4;}

.background {background-color:#af6cf4;}

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

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

#090111
```
#090111 rgb(9,1,17)
```
#130323
```
#130323 rgb(19,3,35)
```
#1d0436
```
#1d0436 rgb(29,4,54)
```
#260548
```
#260548 rgb(38,5,72)
```
#30075a
```
#30075a rgb(48,7,90)
```
#3a086c
```
#3a086c rgb(58,8,108)
```
#43097f
```
#43097f rgb(67,9,127)
```
#4d0b91
```
#4d0b91 rgb(77,11,145)
```
#570ca3
```
#570ca3 rgb(87,12,163)
```
#600eb5
```
#600eb5 rgb(96,14,181)
```
#6a0fc8
```
#6a0fc8 rgb(106,15,200)
```
#7410da
```
#7410da rgb(116,16,218)
```
#7d12ec
```
#7d12ec rgb(125,18,236)
```

Shade Color Variation

#8723ef
```
#8723ef rgb(135,35,239)
```
#9135f0
```
#9135f0 rgb(145,53,240)
```
#9b48f1
```
#9b48f1 rgb(155,72,241)
```
#a55af3
```
#a55af3 rgb(165,90,243)
```
#af6cf4
```
#af6cf4 rgb(175,108,244)
```
#b97ef5
```
#b97ef5 rgb(185,126,245)
```
#c390f7
```
#c390f7 rgb(195,144,247)
```
#cda3f8
```
#cda3f8 rgb(205,163,248)
```
#d7b5f9
```
#d7b5f9 rgb(215,181,249)
```
#e1c7fb
```
#e1c7fb rgb(225,199,251)
```
#ebd9fc
```
#ebd9fc rgb(235,217,252)
```
#f5ecfe
```
#f5ecfe rgb(245,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b0afb1
```
#b0afb1 rgb(176,175,177)
```
#b0a9b7
```
#b0a9b7 rgb(176,169,183)
```
#b0a3bd
```
#b0a3bd rgb(176,163,189)
```
#b09dc3
```
#b09dc3 rgb(176,157,195)
```
#b097c9
```
#b097c9 rgb(176,151,201)
```
#b090d0
```
#b090d0 rgb(176,144,208)
```
#af8ad6
```
#af8ad6 rgb(175,138,214)
```
#af84dc
```
#af84dc rgb(175,132,220)
```
#af7ee2
```
#af7ee2 rgb(175,126,226)
```
#af78e8
```
#af78e8 rgb(175,120,232)
```
#af72ee
```
#af72ee rgb(175,114,238)
```
#af6cf4
```
#af6cf4 rgb(175,108,244)
```
#af66fa
```
#af66fa rgb(175,102,250)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9689a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#518eff Protanopia 1% of men
#5093e9 Deuteranopia 1% of men
#9e8d97 Tritanopia 0.001% of the population

Trichromacy

#7382fb Protanomaly 1% of men, 0.01% of women
#7285ed Deuteranomaly 6% of men, 0.4% of women
#a481b9 Tritanomaly 0.01% of the population

#af6cf4 hex color

#af6cf4 Color Information

#af6cf4 Color Conversion

Color Schemes with #af6cf4

Alternatives to #af6cf4

#af6cf4 Preview

Shades and Tints of #af6cf4

Tones of #af6cf4

Color Blindness Simulator