#af81fb hex color

In a RGB color space, hex #af81fb is composed of 68.6% red, 50.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 48.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 262.6 degrees, a saturation of 93.8% and a lightness of 74.5%. #af81fb color hex could be obtained by blending #ffffff with #5f03f7. Closest websafe color is: #9999ff.

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

● #af81fb color description : Soft violet.

The hexadecimal color #af81fb has RGB values of R:175, G:129, B:251 and CMYK values of C:0.3, M:0.49, Y:0, K:0.02. Its decimal value is 11502075.

Hex triplet	af81fb	`#af81fb`
RGB Decimal	175, 129, 251	`rgb(175,129,251)`
RGB Percent	68.6, 50.6, 98.4	`rgb(68.6%,50.6%,98.4%)`
CMYK	30, 49, 0, 2
HSL	262.6°, 93.8, 74.5	`hsl(262.6,93.8%,74.5%)`
HSV (or HSB)	262.6°, 48.6, 98.4
Web Safe	9999ff	`#9999ff`

CIE-LAB	63.16, 42.447, -54.717
XYZ	42.939, 31.78, 95.133
xyY	0.253, 0.187, 31.78
CIE-LCH	63.16, 69.251, 307.803
CIE-LUV	63.16, 12.738, -92.824
Hunter-Lab	56.373, 37.308, -60.594
Binary	10101111, 10000001, 11111011

#af81fb
```
#af81fb rgb(175,129,251)
```
#cdfb81
```
#cdfb81 rgb(205,251,129)
```

Complementary Color

#8190fb
```
#8190fb rgb(129,144,251)
```
#af81fb
```
#af81fb rgb(175,129,251)
```
#ec81fb
```
#ec81fb rgb(236,129,251)
```

Analogous Color

#90fb81
```
#90fb81 rgb(144,251,129)
```
#af81fb
```
#af81fb rgb(175,129,251)
```
#fbec81
```
#fbec81 rgb(251,236,129)
```

Split Complementary Color

#81fbaf
```
#81fbaf rgb(129,251,175)
```
#af81fb
```
#af81fb rgb(175,129,251)
```
#fbaf81
```
#fbaf81 rgb(251,175,129)
```

Triadic Color

#81cdfb
```
#81cdfb rgb(129,205,251)
```
#af81fb
```
#af81fb rgb(175,129,251)
```
#fbaf81
```
#fbaf81 rgb(251,175,129)
```
#cdfb81
```
#cdfb81 rgb(205,251,129)
```

Tetradic Color

#8037f9
```
#8037f9 rgb(128,55,249)
```
#9050f9
```
#9050f9 rgb(144,80,249)
```
#9f68fa
```
#9f68fa rgb(159,104,250)
```
#af81fb
```
#af81fb rgb(175,129,251)
```
#bf9afc
```
#bf9afc rgb(191,154,252)
```
#ceb2fd
```
#ceb2fd rgb(206,178,253)
```
#decbfd
```
#decbfd rgb(222,203,253)
```

Monochromatic Color

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

#9181fb
```
#9181fb rgb(145,129,251)
```
#9b81fb
```
#9b81fb rgb(155,129,251)
```
#a581fb
```
#a581fb rgb(165,129,251)
```
#af81fb
```
#af81fb rgb(175,129,251)
```
#b981fb
```
#b981fb rgb(185,129,251)
```
#c381fb
```
#c381fb rgb(195,129,251)
```
#ce81fb
```
#ce81fb rgb(206,129,251)
```

Similar Colors

Text with hexadecimal color #af81fb

This text has a font color of #af81fb.

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

#af81fb background color

This paragraph has a background color of #af81fb.

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

#af81fb border color

This element has a border color of #af81fb.

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

CSS codes

.text {color:#af81fb;}

.background {background-color:#af81fb;}

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

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

#030007
```
#030007 rgb(3,0,7)
```
#0a011a
```
#0a011a rgb(10,1,26)
```
#12012d
```
#12012d rgb(18,1,45)
```
#190240
```
#190240 rgb(25,2,64)
```
#210353
```
#210353 rgb(33,3,83)
```
#290366
```
#290366 rgb(41,3,102)
```
#300479
```
#300479 rgb(48,4,121)
```
#38048c
```
#38048c rgb(56,4,140)
```
#3f059f
```
#3f059f rgb(63,5,159)
```
#4706b2
```
#4706b2 rgb(71,6,178)
```
#4e06c5
```
#4e06c5 rgb(78,6,197)
```
#5607d8
```
#5607d8 rgb(86,7,216)
```
#5d07eb
```
#5d07eb rgb(93,7,235)
```

Shade Color Variation

#670ff7
```
#670ff7 rgb(103,15,247)
```
#7322f8
```
#7322f8 rgb(115,34,248)
```
#7f35f9
```
#7f35f9 rgb(127,53,249)
```
#8b48f9
```
#8b48f9 rgb(139,72,249)
```
#975bfa
```
#975bfa rgb(151,91,250)
```
#a36efa
```
#a36efa rgb(163,110,250)
```
#af81fb
```
#af81fb rgb(175,129,251)
```
#bb94fc
```
#bb94fc rgb(187,148,252)
```
#c7a7fc
```
#c7a7fc rgb(199,167,252)
```
#d3bafd
```
#d3bafd rgb(211,186,253)
```
#dfcdfd
```
#dfcdfd rgb(223,205,253)
```
#ebe0fe
```
#ebe0fe rgb(235,224,254)
```
#f7f3ff
```
#f7f3ff rgb(247,243,255)
```

Tint Color Variation

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

#bebdbf
```
#bebdbf rgb(190,189,191)
```
#bdb8c4
```
#bdb8c4 rgb(189,184,196)
```
#bbb3c9
```
#bbb3c9 rgb(187,179,201)
```
#baaece
```
#baaece rgb(186,174,206)
```
#b9a9d3
```
#b9a9d3 rgb(185,169,211)
```
#b8a4d8
```
#b8a4d8 rgb(184,164,216)
```
#b69fdd
```
#b69fdd rgb(182,159,221)
```
#b59ae2
```
#b59ae2 rgb(181,154,226)
```
#b495e7
```
#b495e7 rgb(180,149,231)
```
#b390ec
```
#b390ec rgb(179,144,236)
```
#b18bf1
```
#b18bf1 rgb(177,139,241)
```
#b086f6
```
#b086f6 rgb(176,134,246)
```
#af81fb
```
#af81fb rgb(175,129,251)
```

Tone Color Variation

Below, you can see how #af81fb 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
#689ef2 Deuteranopia 1% of men
#9f9ca7 Tritanopia 0.001% of the population

Trichromacy

#8691fd Protanomaly 1% of men, 0.01% of women
#8193f5 Deuteranomaly 6% of men, 0.4% of women
#a592c6 Tritanomaly 0.01% of the population

#af81fb hex color

#af81fb Color Information

#af81fb Color Conversion

Color Schemes with #af81fb

Alternatives to #af81fb

#af81fb Preview

Shades and Tints of #af81fb

Tones of #af81fb

Color Blindness Simulator