#af81fd hex color

In a RGB color space, hex #af81fd is composed of 68.6% red, 50.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 49% magenta, 0% yellow and 0.8% black. It has a hue angle of 262.3 degrees, a saturation of 96.9% and a lightness of 74.9%. #af81fd color hex could be obtained by blending #ffffff with #5f03fb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 51
- B 99
RGB color chart
- C 31
- M 49
- Y 0
- K 1
CMYK color chart

● #af81fd color description : Soft violet.

The hexadecimal color #af81fd has RGB values of R:175, G:129, B:253 and CMYK values of C:0.31, M:0.49, Y:0, K:0.01. Its decimal value is 11502077.

Hex triplet	af81fd	`#af81fd`
RGB Decimal	175, 129, 253	`rgb(175,129,253)`
RGB Percent	68.6, 50.6, 99.2	`rgb(68.6%,50.6%,99.2%)`
CMYK	31, 49, 0, 1
HSL	262.3°, 96.9, 74.9	`hsl(262.3,96.9%,74.9%)`
HSV (or HSB)	262.3°, 49, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	63.265, 42.936, -55.647
XYZ	43.256, 31.906, 96.803
xyY	0.252, 0.186, 31.906
CIE-LCH	63.265, 70.286, 307.653
CIE-LUV	63.265, 12.482, -94.423
Hunter-Lab	56.486, 37.843, -62.069
Binary	10101111, 10000001, 11111101

#af81fd
```
#af81fd rgb(175,129,253)
```
#cffd81
```
#cffd81 rgb(207,253,129)
```

Complementary Color

#8191fd
```
#8191fd rgb(129,145,253)
```
#af81fd
```
#af81fd rgb(175,129,253)
```
#ed81fd
```
#ed81fd rgb(237,129,253)
```

Analogous Color

#91fd81
```
#91fd81 rgb(145,253,129)
```
#af81fd
```
#af81fd rgb(175,129,253)
```
#fded81
```
#fded81 rgb(253,237,129)
```

Split Complementary Color

#81fdaf
```
#81fdaf rgb(129,253,175)
```
#af81fd
```
#af81fd rgb(175,129,253)
```
#fdaf81
```
#fdaf81 rgb(253,175,129)
```

Triadic Color

#81cffd
```
#81cffd rgb(129,207,253)
```
#af81fd
```
#af81fd rgb(175,129,253)
```
#fdaf81
```
#fdaf81 rgb(253,175,129)
```
#cffd81
```
#cffd81 rgb(207,253,129)
```

Tetradic Color

#7f36fc
```
#7f36fc rgb(127,54,252)
```
#8f4ffc
```
#8f4ffc rgb(143,79,252)
```
#9f68fd
```
#9f68fd rgb(159,104,253)
```
#af81fd
```
#af81fd rgb(175,129,253)
```
#bf9afd
```
#bf9afd rgb(191,154,253)
```
#cfb3fe
```
#cfb3fe rgb(207,179,254)
```
#dfccfe
```
#dfccfe rgb(223,204,254)
```

Monochromatic Color

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

#9081fd
```
#9081fd rgb(144,129,253)
```
#9a81fd
```
#9a81fd rgb(154,129,253)
```
#a581fd
```
#a581fd rgb(165,129,253)
```
#af81fd
```
#af81fd rgb(175,129,253)
```
#b981fd
```
#b981fd rgb(185,129,253)
```
#c481fd
```
#c481fd rgb(196,129,253)
```
#ce81fd
```
#ce81fd rgb(206,129,253)
```

Similar Colors

Text with hexadecimal color #af81fd

This text has a font color of #af81fd.

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

#af81fd background color

This paragraph has a background color of #af81fd.

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

#af81fd border color

This element has a border color of #af81fd.

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

CSS codes

.text {color:#af81fd;}

.background {background-color:#af81fd;}

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

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

#030009
```
#030009 rgb(3,0,9)
```
#0b001c
```
#0b001c rgb(11,0,28)
```
#120130
```
#120130 rgb(18,1,48)
```
#1a0143
```
#1a0143 rgb(26,1,67)
```
#210156
```
#210156 rgb(33,1,86)
```
#28026a
```
#28026a rgb(40,2,106)
```
#30027d
```
#30027d rgb(48,2,125)
```
#370290
```
#370290 rgb(55,2,144)
```
#3e03a4
```
#3e03a4 rgb(62,3,164)
```
#4603b7
```
#4603b7 rgb(70,3,183)
```
#4d03ca
```
#4d03ca rgb(77,3,202)
```
#5404de
```
#5404de rgb(84,4,222)
```
#5c04f1
```
#5c04f1 rgb(92,4,241)
```

Shade Color Variation

#650dfb
```
#650dfb rgb(101,13,251)
```
#7220fb
```
#7220fb rgb(114,32,251)
```
#7e34fc
```
#7e34fc rgb(126,52,252)
```
#8a47fc
```
#8a47fc rgb(138,71,252)
```
#965afc
```
#965afc rgb(150,90,252)
```
#a36efd
```
#a36efd rgb(163,110,253)
```
#af81fd
```
#af81fd rgb(175,129,253)
```
#bb94fd
```
#bb94fd rgb(187,148,253)
```
#c8a8fe
```
#c8a8fe rgb(200,168,254)
```
#d4bbfe
```
#d4bbfe rgb(212,187,254)
```
#e0cefe
```
#e0cefe rgb(224,206,254)
```
#ece2ff
```
#ece2ff rgb(236,226,255)
```
#f9f5ff
```
#f9f5ff rgb(249,245,255)
```

Tint Color Variation

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

#bebcc2
```
#bebcc2 rgb(190,188,194)
```
#bdb7c7
```
#bdb7c7 rgb(189,183,199)
```
#bcb2cc
```
#bcb2cc rgb(188,178,204)
```
#baadd1
```
#baadd1 rgb(186,173,209)
```
#b9a8d6
```
#b9a8d6 rgb(185,168,214)
```
#b8a3db
```
#b8a3db rgb(184,163,219)
```
#b79fdf
```
#b79fdf rgb(183,159,223)
```
#b59ae4
```
#b59ae4 rgb(181,154,228)
```
#b495e9
```
#b495e9 rgb(180,149,233)
```
#b390ee
```
#b390ee rgb(179,144,238)
```
#b28bf3
```
#b28bf3 rgb(178,139,243)
```
#b086f8
```
#b086f8 rgb(176,134,248)
```
#af81fd
```
#af81fd rgb(175,129,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a197b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f9bff Protanopia 1% of men
#669ef4 Deuteranopia 1% of men
#9e9da8 Tritanopia 0.001% of the population

Trichromacy

#8691fe Protanomaly 1% of men, 0.01% of women
#8094f7 Deuteranomaly 6% of men, 0.4% of women
#a492c7 Tritanomaly 0.01% of the population

#af81fd hex color

#af81fd Color Information

#af81fd Color Conversion

Color Schemes with #af81fd

Alternatives to #af81fd

#af81fd Preview

Shades and Tints of #af81fd

Tones of #af81fd

Color Blindness Simulator