#af7ff2 hex color

In a RGB color space, hex #af7ff2 is composed of 68.6% red, 49.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 47.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 265 degrees, a saturation of 81.6% and a lightness of 72.4%. #af7ff2 color hex could be obtained by blending #fffeff with #5f00e5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 50
- B 95
RGB color chart
- C 28
- M 48
- Y 0
- K 5
CMYK color chart

● #af7ff2 color description : Soft violet.

The hexadecimal color #af7ff2 has RGB values of R:175, G:127, B:242 and CMYK values of C:0.28, M:0.48, Y:0, K:0.05. Its decimal value is 11501554.

Hex triplet	af7ff2	`#af7ff2`
RGB Decimal	175, 127, 242	`rgb(175,127,242)`
RGB Percent	68.6, 49.8, 94.9	`rgb(68.6%,49.8%,94.9%)`
CMYK	28, 48, 0, 5
HSL	265°, 81.6, 72.4	`hsl(265,81.6%,72.4%)`
HSV (or HSB)	265°, 47.5, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	62.257, 41.375, -51.195
XYZ	41.293, 30.704, 87.751
xyY	0.258, 0.192, 30.704
CIE-LCH	62.257, 65.824, 308.945
CIE-LUV	62.257, 14.603, -86.731
Hunter-Lab	55.411, 36.051, -55.106
Binary	10101111, 01111111, 11110010

#af7ff2
```
#af7ff2 rgb(175,127,242)
```
#c2f27f
```
#c2f27f rgb(194,242,127)
```

Complementary Color

#7f89f2
```
#7f89f2 rgb(127,137,242)
```
#af7ff2
```
#af7ff2 rgb(175,127,242)
```
#e97ff2
```
#e97ff2 rgb(233,127,242)
```

Analogous Color

#89f27f
```
#89f27f rgb(137,242,127)
```
#af7ff2
```
#af7ff2 rgb(175,127,242)
```
#f2e97f
```
#f2e97f rgb(242,233,127)
```

Split Complementary Color

#7ff2af
```
#7ff2af rgb(127,242,175)
```
#af7ff2
```
#af7ff2 rgb(175,127,242)
```
#f2af7f
```
#f2af7f rgb(242,175,127)
```

Triadic Color

#7fc2f2
```
#7fc2f2 rgb(127,194,242)
```
#af7ff2
```
#af7ff2 rgb(175,127,242)
```
#f2af7f
```
#f2af7f rgb(242,175,127)
```
#c2f27f
```
#c2f27f rgb(194,242,127)
```

Tetradic Color

#843aeb
```
#843aeb rgb(132,58,235)
```
#9251ed
```
#9251ed rgb(146,81,237)
```
#a168f0
```
#a168f0 rgb(161,104,240)
```
#af7ff2
```
#af7ff2 rgb(175,127,242)
```
#bd96f4
```
#bd96f4 rgb(189,150,244)
```
#ccadf7
```
#ccadf7 rgb(204,173,247)
```
#dac4f9
```
#dac4f9 rgb(218,196,249)
```

Monochromatic Color

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

#927ff2
```
#927ff2 rgb(146,127,242)
```
#9c7ff2
```
#9c7ff2 rgb(156,127,242)
```
#a57ff2
```
#a57ff2 rgb(165,127,242)
```
#af7ff2
```
#af7ff2 rgb(175,127,242)
```
#b97ff2
```
#b97ff2 rgb(185,127,242)
```
#c27ff2
```
#c27ff2 rgb(194,127,242)
```
#cc7ff2
```
#cc7ff2 rgb(204,127,242)
```

Similar Colors

Text with hexadecimal color #af7ff2

This text has a font color of #af7ff2.

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

#af7ff2 background color

This paragraph has a background color of #af7ff2.

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

#af7ff2 border color

This element has a border color of #af7ff2.

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

CSS codes

.text {color:#af7ff2;}

.background {background-color:#af7ff2;}

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

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, #07010e is the darkest color, while #fdfcff is the lightest one.

#07010e
```
#07010e rgb(7,1,14)
```
#0f0320
```
#0f0320 rgb(15,3,32)
```
#180532
```
#180532 rgb(24,5,50)
```
#200744
```
#200744 rgb(32,7,68)
```
#290956
```
#290956 rgb(41,9,86)
```
#310b67
```
#310b67 rgb(49,11,103)
```
#3a0c79
```
#3a0c79 rgb(58,12,121)
```
#420e8b
```
#420e8b rgb(66,14,139)
```
#4b109d
```
#4b109d rgb(75,16,157)
```
#5312af
```
#5312af rgb(83,18,175)
```
#5c14c1
```
#5c14c1 rgb(92,20,193)
```
#6415d2
```
#6415d2 rgb(100,21,210)
```
#6d17e4
```
#6d17e4 rgb(109,23,228)
```

Shade Color Variation

#7726e9
```
#7726e9 rgb(119,38,233)
```
#8238eb
```
#8238eb rgb(130,56,235)
```
#8e4aed
```
#8e4aed rgb(142,74,237)
```
#995bee
```
#995bee rgb(153,91,238)
```
#a46df0
```
#a46df0 rgb(164,109,240)
```
#af7ff2
```
#af7ff2 rgb(175,127,242)
```
#ba91f4
```
#ba91f4 rgb(186,145,244)
```
#c5a3f6
```
#c5a3f6 rgb(197,163,246)
```
#d0b4f7
```
#d0b4f7 rgb(208,180,247)
```
#dcc6f9
```
#dcc6f9 rgb(220,198,249)
```
#e7d8fb
```
#e7d8fb rgb(231,216,251)
```
#f2eafd
```
#f2eafd rgb(242,234,253)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#b8b5bc
```
#b8b5bc rgb(184,181,188)
```
#b7b0c1
```
#b7b0c1 rgb(183,176,193)
```
#b6aac7
```
#b6aac7 rgb(182,170,199)
```
#b5a5cc
```
#b5a5cc rgb(181,165,204)
```
#b4a0d1
```
#b4a0d1 rgb(180,160,209)
```
#b39ad7
```
#b39ad7 rgb(179,154,215)
```
#b395dc
```
#b395dc rgb(179,149,220)
```
#b28fe2
```
#b28fe2 rgb(178,143,226)
```
#b18ae7
```
#b18ae7 rgb(177,138,231)
```
#b084ed
```
#b084ed rgb(176,132,237)
```
#af7ff2
```
#af7ff2 rgb(175,127,242)
```
#ae7af7
```
#ae7af7 rgb(174,122,247)
```
#ad74fd
```
#ad74fd rgb(173,116,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9e95ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a98ff Protanopia 1% of men
#6d9cea Deuteranopia 1% of men
#a199a4 Tritanopia 0.001% of the population

Trichromacy

#838ffa Protanomaly 1% of men, 0.01% of women
#8591ed Deuteranomaly 6% of men, 0.4% of women
#a68fc0 Tritanomaly 0.01% of the population

#af7ff2 hex color

#af7ff2 Color Information

#af7ff2 Color Conversion

Color Schemes with #af7ff2

Alternatives to #af7ff2

#af7ff2 Preview

Shades and Tints of #af7ff2

Tones of #af7ff2

Color Blindness Simulator