#af0afb hex color

In a RGB color space, hex #af0afb is composed of 68.6% red, 3.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 96% magenta, 0% yellow and 1.6% black. It has a hue angle of 281.1 degrees, a saturation of 96.8% and a lightness of 51.2%. #af0afb color hex could be obtained by blending #ff14ff with #5f00f7. Closest websafe color is: #9900ff.

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

● #af0afb color description : Vivid violet.

The hexadecimal color #af0afb has RGB values of R:175, G:10, B:251 and CMYK values of C:0.3, M:0.96, Y:0, K:0.02. Its decimal value is 11471611.

Hex triplet	af0afb	`#af0afb`
RGB Decimal	175, 10, 251	`rgb(175,10,251)`
RGB Percent	68.6, 3.9, 98.4	`rgb(68.6%,3.9%,98.4%)`
CMYK	30, 96, 0, 2
HSL	281.1°, 96.8, 51.2	`hsl(281.1,96.8%,51.2%)`
HSV (or HSB)	281.1°, 96, 98.4
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.362, 85.945, -80.211
XYZ	35.198, 16.297, 92.553
xyY	0.244, 0.113, 16.297
CIE-LCH	47.362, 117.56, 316.977
CIE-LUV	47.362, 33.732, -126.316
Hunter-Lab	40.37, 84.985, -107.672
Binary	10101111, 00001010, 11111011

#af0afb
```
#af0afb rgb(175,10,251)
```
#56fb0a
```
#56fb0a rgb(86,251,10)
```

Complementary Color

#370afb
```
#370afb rgb(55,10,251)
```
#af0afb
```
#af0afb rgb(175,10,251)
```
#fb0acf
```
#fb0acf rgb(251,10,207)
```

Analogous Color

#0afb37
```
#0afb37 rgb(10,251,55)
```
#af0afb
```
#af0afb rgb(175,10,251)
```
#cffb0a
```
#cffb0a rgb(207,251,10)
```

Split Complementary Color

#0afbaf
```
#0afbaf rgb(10,251,175)
```
#af0afb
```
#af0afb rgb(175,10,251)
```
#fbaf0a
```
#fbaf0a rgb(251,175,10)
```

Triadic Color

#0a56fb
```
#0a56fb rgb(10,86,251)
```
#af0afb
```
#af0afb rgb(175,10,251)
```
#fbaf0a
```
#fbaf0a rgb(251,175,10)
```
#56fb0a
```
#56fb0a rgb(86,251,10)
```

Tetradic Color

#7d03b6
```
#7d03b6 rgb(125,3,182)
```
#8f03cf
```
#8f03cf rgb(143,3,207)
```
#a004e8
```
#a004e8 rgb(160,4,232)
```
#af0afb
```
#af0afb rgb(175,10,251)
```
#b723fb
```
#b723fb rgb(183,35,251)
```
#bf3cfc
```
#bf3cfc rgb(191,60,252)
```
#c855fc
```
#c855fc rgb(200,85,252)
```

Monochromatic Color

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

#730afb
```
#730afb rgb(115,10,251)
```
#870afb
```
#870afb rgb(135,10,251)
```
#9b0afb
```
#9b0afb rgb(155,10,251)
```
#af0afb
```
#af0afb rgb(175,10,251)
```
#c30afb
```
#c30afb rgb(195,10,251)
```
#d70afb
```
#d70afb rgb(215,10,251)
```
#eb0afb
```
#eb0afb rgb(235,10,251)
```

Similar Colors

Text with hexadecimal color #af0afb

This text has a font color of #af0afb.

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

#af0afb background color

This paragraph has a background color of #af0afb.

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

#af0afb border color

This element has a border color of #af0afb.

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

CSS codes

.text {color:#af0afb;}

.background {background-color:#af0afb;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#110019
```
#110019 rgb(17,0,25)
```
#1f012d
```
#1f012d rgb(31,1,45)
```
#2c0140
```
#2c0140 rgb(44,1,64)
```
#390153
```
#390153 rgb(57,1,83)
```
#470266
```
#470266 rgb(71,2,102)
```
#54027a
```
#54027a rgb(84,2,122)
```
#61028d
```
#61028d rgb(97,2,141)
```
#6f03a0
```
#6f03a0 rgb(111,3,160)
```
#7c03b4
```
#7c03b4 rgb(124,3,180)
```
#8903c7
```
#8903c7 rgb(137,3,199)
```
#9704da
```
#9704da rgb(151,4,218)
```
#a404ee
```
#a404ee rgb(164,4,238)
```

Shade Color Variation

#af0afb
```
#af0afb rgb(175,10,251)
```
#b51dfb
```
#b51dfb rgb(181,29,251)
```
#bc31fc
```
#bc31fc rgb(188,49,252)
```
#c244fc
```
#c244fc rgb(194,68,252)
```
#c857fc
```
#c857fc rgb(200,87,252)
```
#cf6bfd
```
#cf6bfd rgb(207,107,253)
```
#d57efd
```
#d57efd rgb(213,126,253)
```
#db91fd
```
#db91fd rgb(219,145,253)
```
#e1a4fe
```
#e1a4fe rgb(225,164,254)
```
#e8b8fe
```
#e8b8fe rgb(232,184,254)
```
#eecbfe
```
#eecbfe rgb(238,203,254)
```
#f4defe
```
#f4defe rgb(244,222,254)
```
#fbf2ff
```
#fbf2ff rgb(251,242,255)
```

Tint Color Variation

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

#857d88
```
#857d88 rgb(133,125,136)
```
#887392
```
#887392 rgb(136,115,146)
```
#8c6a9b
```
#8c6a9b rgb(140,106,155)
```
#8f60a5
```
#8f60a5 rgb(143,96,165)
```
#9357ae
```
#9357ae rgb(147,87,174)
```
#964db8
```
#964db8 rgb(150,77,184)
```
#9a43c2
```
#9a43c2 rgb(154,67,194)
```
#9d3acb
```
#9d3acb rgb(157,58,203)
```
#a130d5
```
#a130d5 rgb(161,48,213)
```
#a427de
```
#a427de rgb(164,39,222)
```
#a81de8
```
#a81de8 rgb(168,29,232)
```
#ab14f1
```
#ab14f1 rgb(171,20,241)
```
#af0afb
```
#af0afb rgb(175,10,251)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#694878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#976c73 Tritanopia 0.001% of the population

Trichromacy

#3f4deb Protanomaly 1% of men, 0.01% of women
#3f51da Deuteranomaly 6% of men, 0.4% of women
#9f48a4 Tritanomaly 0.01% of the population

#af0afb hex color

#af0afb Color Information

#af0afb Color Conversion

Color Schemes with #af0afb

Alternatives to #af0afb

#af0afb Preview

Shades and Tints of #af0afb

Tones of #af0afb

Color Blindness Simulator