#af2bf2 hex color

In a RGB color space, hex #af2bf2 is composed of 68.6% red, 16.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 82.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 279.8 degrees, a saturation of 88.4% and a lightness of 55.9%. #af2bf2 color hex could be obtained by blending #ff56ff with #5f00e5. Closest websafe color is: #9933ff.

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

● #af2bf2 color description : Bright violet.

The hexadecimal color #af2bf2 has RGB values of R:175, G:43, B:242 and CMYK values of C:0.28, M:0.82, Y:0, K:0.05. Its decimal value is 11480050.

Hex triplet	af2bf2	`#af2bf2`
RGB Decimal	175, 43, 242	`rgb(175,43,242)`
RGB Percent	68.6, 16.9, 94.9	`rgb(68.6%,16.9%,94.9%)`
CMYK	28, 82, 0, 5
HSL	279.8°, 88.4, 55.9	`hsl(279.8,88.4%,55.9%)`
HSV (or HSB)	279.8°, 82.2, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.578, 78.548, -73.18
XYZ	34.568, 17.254, 85.509
xyY	0.252, 0.126, 17.254
CIE-LCH	48.578, 107.355, 317.026
CIE-LUV	48.578, 33.855, -117.432
Hunter-Lab	41.537, 75.859, -92.978
Binary	10101111, 00101011, 11110010

#af2bf2
```
#af2bf2 rgb(175,43,242)
```
#6ef22b
```
#6ef22b rgb(110,242,43)
```

Complementary Color

#4c2bf2
```
#4c2bf2 rgb(76,43,242)
```
#af2bf2
```
#af2bf2 rgb(175,43,242)
```
#f22bd2
```
#f22bd2 rgb(242,43,210)
```

Analogous Color

#2bf24c
```
#2bf24c rgb(43,242,76)
```
#af2bf2
```
#af2bf2 rgb(175,43,242)
```
#d2f22b
```
#d2f22b rgb(210,242,43)
```

Split Complementary Color

#2bf2af
```
#2bf2af rgb(43,242,175)
```
#af2bf2
```
#af2bf2 rgb(175,43,242)
```
#f2af2b
```
#f2af2b rgb(242,175,43)
```

Triadic Color

#2b6ef2
```
#2b6ef2 rgb(43,110,242)
```
#af2bf2
```
#af2bf2 rgb(175,43,242)
```
#f2af2b
```
#f2af2b rgb(242,175,43)
```
#6ef22b
```
#6ef22b rgb(110,242,43)
```

Tetradic Color

#860cc4
```
#860cc4 rgb(134,12,196)
```
#970edc
```
#970edc rgb(151,14,220)
```
#a613f1
```
#a613f1 rgb(166,19,241)
```
#af2bf2
```
#af2bf2 rgb(175,43,242)
```
#b843f3
```
#b843f3 rgb(184,67,243)
```
#c15bf5
```
#c15bf5 rgb(193,91,245)
```
#ca73f6
```
#ca73f6 rgb(202,115,246)
```

Monochromatic Color

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

#7d2bf2
```
#7d2bf2 rgb(125,43,242)
```
#8e2bf2
```
#8e2bf2 rgb(142,43,242)
```
#9e2bf2
```
#9e2bf2 rgb(158,43,242)
```
#af2bf2
```
#af2bf2 rgb(175,43,242)
```
#c02bf2
```
#c02bf2 rgb(192,43,242)
```
#d02bf2
```
#d02bf2 rgb(208,43,242)
```
#e12bf2
```
#e12bf2 rgb(225,43,242)
```

Similar Colors

Text with hexadecimal color #af2bf2

This text has a font color of #af2bf2.

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

#af2bf2 background color

This paragraph has a background color of #af2bf2.

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

#af2bf2 border color

This element has a border color of #af2bf2.

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

CSS codes

.text {color:#af2bf2;}

.background {background-color:#af2bf2;}

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

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, #07010a is the darkest color, while #fcf6fe is the lightest one.

#07010a
```
#07010a rgb(7,1,10)
```
#13021c
```
#13021c rgb(19,2,28)
```
#20032f
```
#20032f rgb(32,3,47)
```
#2d0441
```
#2d0441 rgb(45,4,65)
```
#390554
```
#390554 rgb(57,5,84)
```
#460666
```
#460666 rgb(70,6,102)
```
#530779
```
#530779 rgb(83,7,121)
```
#5f098b
```
#5f098b rgb(95,9,139)
```
#6c0a9e
```
#6c0a9e rgb(108,10,158)
```
#780bb0
```
#780bb0 rgb(120,11,176)
```
#850cc3
```
#850cc3 rgb(133,12,195)
```
#920dd5
```
#920dd5 rgb(146,13,213)
```
#9e0ee8
```
#9e0ee8 rgb(158,14,232)
```

Shade Color Variation

#a819f1
```
#a819f1 rgb(168,25,241)
```
#af2bf2
```
#af2bf2 rgb(175,43,242)
```
#b63df3
```
#b63df3 rgb(182,61,243)
```
#bd50f4
```
#bd50f4 rgb(189,80,244)
```
#c462f5
```
#c462f5 rgb(196,98,245)
```
#cb75f7
```
#cb75f7 rgb(203,117,247)
```
#d287f8
```
#d287f8 rgb(210,135,248)
```
#d99af9
```
#d99af9 rgb(217,154,249)
```
#e0acfa
```
#e0acfa rgb(224,172,250)
```
#e7bffb
```
#e7bffb rgb(231,191,251)
```
#eed1fc
```
#eed1fc rgb(238,209,252)
```
#f5e4fd
```
#f5e4fd rgb(245,228,253)
```
#fcf6fe
```
#fcf6fe rgb(252,246,254)
```

Tint Color Variation

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

#908a93
```
#908a93 rgb(144,138,147)
```
#93829b
```
#93829b rgb(147,130,155)
```
#9679a4
```
#9679a4 rgb(150,121,164)
```
#9870ad
```
#9870ad rgb(152,112,173)
```
#9b68b5
```
#9b68b5 rgb(155,104,181)
```
#9e5fbe
```
#9e5fbe rgb(158,95,190)
```
#a156c7
```
#a156c7 rgb(161,86,199)
```
#a44ecf
```
#a44ecf rgb(164,78,207)
```
#a745d8
```
#a745d8 rgb(167,69,216)
```
#a93ce1
```
#a93ce1 rgb(169,60,225)
```
#ac34e9
```
#ac34e9 rgb(172,52,233)
```
#af2bf2
```
#af2bf2 rgb(175,43,242)
```
#b222fb
```
#b222fb rgb(178,34,251)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#775d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e7 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#9a6e76 Tritanopia 0.001% of the population

Trichromacy

#3f5beb Protanomaly 1% of men, 0.01% of women
#3f5fda Deuteranomaly 6% of men, 0.4% of women
#a156a3 Tritanomaly 0.01% of the population

#af2bf2 hex color

#af2bf2 Color Information

#af2bf2 Color Conversion

Color Schemes with #af2bf2

Alternatives to #af2bf2

#af2bf2 Preview

Shades and Tints of #af2bf2

Tones of #af2bf2

Color Blindness Simulator