#af78fa hex color

In a RGB color space, hex #af78fa is composed of 68.6% red, 47.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 52% magenta, 0% yellow and 2% black. It has a hue angle of 265.4 degrees, a saturation of 92.9% and a lightness of 72.5%. #af78fa color hex could be obtained by blending #fff0ff with #5f00f5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 47
- B 98
RGB color chart
- C 30
- M 52
- Y 0
- K 2
CMYK color chart

● #af78fa color description : Soft violet.

The hexadecimal color #af78fa has RGB values of R:175, G:120, B:250 and CMYK values of C:0.3, M:0.52, Y:0, K:0.02. Its decimal value is 11499770.

Hex triplet	af78fa	`#af78fa`
RGB Decimal	175, 120, 250	`rgb(175,120,250)`
RGB Percent	68.6, 47.1, 98	`rgb(68.6%,47.1%,98%)`
CMYK	30, 52, 0, 2
HSL	265.4°, 92.9, 72.5	`hsl(265.4,92.9%,72.5%)`
HSV (or HSB)	265.4°, 52, 98
Web Safe	9966ff	`#9966ff`

CIE-LAB	61.176, 47.116, -57.326
XYZ	41.648, 29.449, 93.927
xyY	0.252, 0.178, 29.449
CIE-LCH	61.176, 74.204, 309.417
CIE-LUV	61.176, 15.811, -96.986
Hunter-Lab	54.267, 42.025, -64.634
Binary	10101111, 01111000, 11111010

#af78fa
```
#af78fa rgb(175,120,250)
```
#c3fa78
```
#c3fa78 rgb(195,250,120)
```

Complementary Color

#7882fa
```
#7882fa rgb(120,130,250)
```
#af78fa
```
#af78fa rgb(175,120,250)
```
#f078fa
```
#f078fa rgb(240,120,250)
```

Analogous Color

#82fa78
```
#82fa78 rgb(130,250,120)
```
#af78fa
```
#af78fa rgb(175,120,250)
```
#faf078
```
#faf078 rgb(250,240,120)
```

Split Complementary Color

#78faaf
```
#78faaf rgb(120,250,175)
```
#af78fa
```
#af78fa rgb(175,120,250)
```
#faaf78
```
#faaf78 rgb(250,175,120)
```

Triadic Color

#78c3fa
```
#78c3fa rgb(120,195,250)
```
#af78fa
```
#af78fa rgb(175,120,250)
```
#faaf78
```
#faaf78 rgb(250,175,120)
```
#c3fa78
```
#c3fa78 rgb(195,250,120)
```

Tetradic Color

#832ef7
```
#832ef7 rgb(131,46,247)
```
#9247f8
```
#9247f8 rgb(146,71,248)
```
#a05ff9
```
#a05ff9 rgb(160,95,249)
```
#af78fa
```
#af78fa rgb(175,120,250)
```
#be91fb
```
#be91fb rgb(190,145,251)
```
#cca9fc
```
#cca9fc rgb(204,169,252)
```
#dbc2fd
```
#dbc2fd rgb(219,194,253)
```

Monochromatic Color

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

#8f78fa
```
#8f78fa rgb(143,120,250)
```
#9978fa
```
#9978fa rgb(153,120,250)
```
#a478fa
```
#a478fa rgb(164,120,250)
```
#af78fa
```
#af78fa rgb(175,120,250)
```
#ba78fa
```
#ba78fa rgb(186,120,250)
```
#c578fa
```
#c578fa rgb(197,120,250)
```
#d078fa
```
#d078fa rgb(208,120,250)
```

Similar Colors

Text with hexadecimal color #af78fa

This text has a font color of #af78fa.

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

#af78fa background color

This paragraph has a background color of #af78fa.

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

#af78fa border color

This element has a border color of #af78fa.

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

CSS codes

.text {color:#af78fa;}

.background {background-color:#af78fa;}

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

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

#070110
```
#070110 rgb(7,1,16)
```
#100123
```
#100123 rgb(16,1,35)
```
#180236
```
#180236 rgb(24,2,54)
```
#200349
```
#200349 rgb(32,3,73)
```
#29035c
```
#29035c rgb(41,3,92)
```
#31046f
```
#31046f rgb(49,4,111)
```
#3a0582
```
#3a0582 rgb(58,5,130)
```
#420695
```
#420695 rgb(66,6,149)
```
#4b06a8
```
#4b06a8 rgb(75,6,168)
```
#5307bb
```
#5307bb rgb(83,7,187)
```
#5b08cd
```
#5b08cd rgb(91,8,205)
```
#6408e0
```
#6408e0 rgb(100,8,224)
```
#6c09f3
```
#6c09f3 rgb(108,9,243)
```

Shade Color Variation

#7719f6
```
#7719f6 rgb(119,25,246)
```
#822cf7
```
#822cf7 rgb(130,44,247)
```
#8d3ff8
```
#8d3ff8 rgb(141,63,248)
```
#9952f9
```
#9952f9 rgb(153,82,249)
```
#a465f9
```
#a465f9 rgb(164,101,249)
```
#af78fa
```
#af78fa rgb(175,120,250)
```
#ba8bfb
```
#ba8bfb rgb(186,139,251)
```
#c59efb
```
#c59efb rgb(197,158,251)
```
#d1b1fc
```
#d1b1fc rgb(209,177,252)
```
#dcc4fd
```
#dcc4fd rgb(220,196,253)
```
#e7d7fe
```
#e7d7fe rgb(231,215,254)
```
#f2e9fe
```
#f2e9fe rgb(242,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#b9b9b9
```
#b9b9b9 rgb(185,185,185)
```
#b8b3bf
```
#b8b3bf rgb(184,179,191)
```
#b7aec4
```
#b7aec4 rgb(183,174,196)
```
#b6a8ca
```
#b6a8ca rgb(182,168,202)
```
#b6a3cf
```
#b6a3cf rgb(182,163,207)
```
#b59ed4
```
#b59ed4 rgb(181,158,212)
```
#b498da
```
#b498da rgb(180,152,218)
```
#b393df
```
#b393df rgb(179,147,223)
```
#b28ee4
```
#b28ee4 rgb(178,142,228)
```
#b188ea
```
#b188ea rgb(177,136,234)
```
#b183ef
```
#b183ef rgb(177,131,239)
```
#b07df5
```
#b07df5 rgb(176,125,245)
```
#af78fa
```
#af78fa rgb(175,120,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c91ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#6395ff Protanopia 1% of men
#5b9af0 Deuteranopia 1% of men
#9e96a1 Tritanopia 0.001% of the population

Trichromacy

#7f8bfd Protanomaly 1% of men, 0.01% of women
#7a8df3 Deuteranomaly 6% of men, 0.4% of women
#a48bc1 Tritanomaly 0.01% of the population

#af78fa hex color

#af78fa Color Information

#af78fa Color Conversion

Color Schemes with #af78fa

Alternatives to #af78fa

#af78fa Preview

Shades and Tints of #af78fa

Tones of #af78fa

Color Blindness Simulator