#af3bf2 hex color

In a RGB color space, hex #af3bf2 is composed of 68.6% red, 23.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 75.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 278 degrees, a saturation of 87.6% and a lightness of 59%. #af3bf2 color hex could be obtained by blending #ff76ff with #5f00e5. Closest websafe color is: #9933ff.

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

● #af3bf2 color description : Bright violet.

The hexadecimal color #af3bf2 has RGB values of R:175, G:59, B:242 and CMYK values of C:0.28, M:0.76, Y:0, K:0.05. Its decimal value is 11484146.

Hex triplet	af3bf2	`#af3bf2`
RGB Decimal	175, 59, 242	`rgb(175,59,242)`
RGB Percent	68.6, 23.1, 94.9	`rgb(68.6%,23.1%,94.9%)`
CMYK	28, 76, 0, 5
HSL	278°, 87.6, 59	`hsl(278,87.6%,59%)`
HSV (or HSB)	278°, 75.6, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	50.279, 73.607, -70.414
XYZ	35.268, 18.654, 85.742
xyY	0.253, 0.134, 18.654
CIE-LCH	50.279, 101.863, 316.27
CIE-LUV	50.279, 31.806, -114.378
Hunter-Lab	43.19, 70.177, -87.472
Binary	10101111, 00111011, 11110010

#af3bf2
```
#af3bf2 rgb(175,59,242)
```
#7ef23b
```
#7ef23b rgb(126,242,59)
```

Complementary Color

#533bf2
```
#533bf2 rgb(83,59,242)
```
#af3bf2
```
#af3bf2 rgb(175,59,242)
```
#f23bda
```
#f23bda rgb(242,59,218)
```

Analogous Color

#3bf253
```
#3bf253 rgb(59,242,83)
```
#af3bf2
```
#af3bf2 rgb(175,59,242)
```
#daf23b
```
#daf23b rgb(218,242,59)
```

Split Complementary Color

#3bf2af
```
#3bf2af rgb(59,242,175)
```
#af3bf2
```
#af3bf2 rgb(175,59,242)
```
#f2af3b
```
#f2af3b rgb(242,175,59)
```

Triadic Color

#3b7ef2
```
#3b7ef2 rgb(59,126,242)
```
#af3bf2
```
#af3bf2 rgb(175,59,242)
```
#f2af3b
```
#f2af3b rgb(242,175,59)
```
#7ef23b
```
#7ef23b rgb(126,242,59)
```

Tetradic Color

#8b0ed3
```
#8b0ed3 rgb(139,14,211)
```
#9a10ea
```
#9a10ea rgb(154,16,234)
```
#a523f0
```
#a523f0 rgb(165,35,240)
```
#af3bf2
```
#af3bf2 rgb(175,59,242)
```
#b953f4
```
#b953f4 rgb(185,83,244)
```
#c36bf5
```
#c36bf5 rgb(195,107,245)
```
#cc83f7
```
#cc83f7 rgb(204,131,247)
```

Monochromatic Color

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

#813bf2
```
#813bf2 rgb(129,59,242)
```
#913bf2
```
#913bf2 rgb(145,59,242)
```
#a03bf2
```
#a03bf2 rgb(160,59,242)
```
#af3bf2
```
#af3bf2 rgb(175,59,242)
```
#be3bf2
```
#be3bf2 rgb(190,59,242)
```
#ce3bf2
```
#ce3bf2 rgb(206,59,242)
```
#dd3bf2
```
#dd3bf2 rgb(221,59,242)
```

Similar Colors

Text with hexadecimal color #af3bf2

This text has a font color of #af3bf2.

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

#af3bf2 background color

This paragraph has a background color of #af3bf2.

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

#af3bf2 border color

This element has a border color of #af3bf2.

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

CSS codes

.text {color:#af3bf2;}

.background {background-color:#af3bf2;}

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

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 #faf3fe is the lightest one.

#040006
```
#040006 rgb(4,0,6)
```
#100219
```
#100219 rgb(16,2,25)
```
#1c032b
```
#1c032b rgb(28,3,43)
```
#28043e
```
#28043e rgb(40,4,62)
```
#350550
```
#350550 rgb(53,5,80)
```
#410762
```
#410762 rgb(65,7,98)
```
#4d0875
```
#4d0875 rgb(77,8,117)
```
#590987
```
#590987 rgb(89,9,135)
```
#650a9a
```
#650a9a rgb(101,10,154)
```
#710bac
```
#710bac rgb(113,11,172)
```
#7d0dbe
```
#7d0dbe rgb(125,13,190)
```
#890ed1
```
#890ed1 rgb(137,14,209)
```
#950fe3
```
#950fe3 rgb(149,15,227)
```

Shade Color Variation

#a016f0
```
#a016f0 rgb(160,22,240)
```
#a729f1
```
#a729f1 rgb(167,41,241)
```
#af3bf2
```
#af3bf2 rgb(175,59,242)
```
#b74df3
```
#b74df3 rgb(183,77,243)
```
#be60f4
```
#be60f4 rgb(190,96,244)
```
#c672f6
```
#c672f6 rgb(198,114,246)
```
#cd85f7
```
#cd85f7 rgb(205,133,247)
```
#d597f8
```
#d597f8 rgb(213,151,248)
```
#dca9f9
```
#dca9f9 rgb(220,169,249)
```
#e4bcfb
```
#e4bcfb rgb(228,188,251)
```
#ebcefc
```
#ebcefc rgb(235,206,252)
```
#f3e1fd
```
#f3e1fd rgb(243,225,253)
```
#faf3fe
```
#faf3fe rgb(250,243,254)
```

Tint Color Variation

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

#97939a
```
#97939a rgb(151,147,154)
```
#998ba2
```
#998ba2 rgb(153,139,162)
```
#9c83aa
```
#9c83aa rgb(156,131,170)
```
#9e7bb2
```
#9e7bb2 rgb(158,123,178)
```
#a073ba
```
#a073ba rgb(160,115,186)
```
#a26bc2
```
#a26bc2 rgb(162,107,194)
```
#a463ca
```
#a463ca rgb(164,99,202)
```
#a65bd2
```
#a65bd2 rgb(166,91,210)
```
#a953da
```
#a953da rgb(169,83,218)
```
#ab4be2
```
#ab4be2 rgb(171,75,226)
```
#ad43ea
```
#ad43ea rgb(173,67,234)
```
#af3bf2
```
#af3bf2 rgb(175,59,242)
```
#b133fa
```
#b133fa rgb(177,51,250)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7f688c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0081d5 Deuteranopia 1% of men
#9b747c Tritanopia 0.001% of the population

Trichromacy

#3f63f0 Protanomaly 1% of men, 0.01% of women
#3f67df Deuteranomaly 6% of men, 0.4% of women
#a25fa7 Tritanomaly 0.01% of the population

#af3bf2 hex color

#af3bf2 Color Information

#af3bf2 Color Conversion

Color Schemes with #af3bf2

Alternatives to #af3bf2

#af3bf2 Preview

Shades and Tints of #af3bf2

Tones of #af3bf2

Color Blindness Simulator