#af2bef hex color

In a RGB color space, hex #af2bef is composed of 68.6% red, 16.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 82% magenta, 0% yellow and 6.3% black. It has a hue angle of 280.4 degrees, a saturation of 86% and a lightness of 55.3%. #af2bef color hex could be obtained by blending #ff56ff with #5f00df. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 17
- B 94
RGB color chart
- C 27
- M 82
- Y 0
- K 6
CMYK color chart

● #af2bef color description : Bright violet.

The hexadecimal color #af2bef has RGB values of R:175, G:43, B:239 and CMYK values of C:0.27, M:0.82, Y:0, K:0.06. Its decimal value is 11480047.

Hex triplet	af2bef	`#af2bef`
RGB Decimal	175, 43, 239	`rgb(175,43,239)`
RGB Percent	68.6, 16.9, 93.7	`rgb(68.6%,16.9%,93.7%)`
CMYK	27, 82, 0, 6
HSL	280.4°, 86, 55.3	`hsl(280.4,86%,55.3%)`
HSV (or HSB)	280.4°, 82, 93.7
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.354, 77.968, -71.857
XYZ	34.121, 17.075, 83.155
xyY	0.254, 0.127, 17.075
CIE-LCH	48.354, 106.031, 317.336
CIE-LUV	48.354, 34.601, -115.413
Hunter-Lab	41.322, 75.082, -90.389
Binary	10101111, 00101011, 11101111

#af2bef
```
#af2bef rgb(175,43,239)
```
#6bef2b
```
#6bef2b rgb(107,239,43)
```

Complementary Color

#4d2bef
```
#4d2bef rgb(77,43,239)
```
#af2bef
```
#af2bef rgb(175,43,239)
```
#ef2bcd
```
#ef2bcd rgb(239,43,205)
```

Analogous Color

#2bef4d
```
#2bef4d rgb(43,239,77)
```
#af2bef
```
#af2bef rgb(175,43,239)
```
#cdef2b
```
#cdef2b rgb(205,239,43)
```

Split Complementary Color

#2befaf
```
#2befaf rgb(43,239,175)
```
#af2bef
```
#af2bef rgb(175,43,239)
```
#efaf2b
```
#efaf2b rgb(239,175,43)
```

Triadic Color

#2b6bef
```
#2b6bef rgb(43,107,239)
```
#af2bef
```
#af2bef rgb(175,43,239)
```
#efaf2b
```
#efaf2b rgb(239,175,43)
```
#6bef2b
```
#6bef2b rgb(107,239,43)
```

Tetradic Color

#850ebf
```
#850ebf rgb(133,14,191)
```
#9610d7
```
#9610d7 rgb(150,16,215)
```
#a613ed
```
#a613ed rgb(166,19,237)
```
#af2bef
```
#af2bef rgb(175,43,239)
```
#b843f1
```
#b843f1 rgb(184,67,241)
```
#c15af3
```
#c15af3 rgb(193,90,243)
```
#ca72f4
```
#ca72f4 rgb(202,114,244)
```

Monochromatic Color

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

#7e2bef
```
#7e2bef rgb(126,43,239)
```
#8e2bef
```
#8e2bef rgb(142,43,239)
```
#9f2bef
```
#9f2bef rgb(159,43,239)
```
#af2bef
```
#af2bef rgb(175,43,239)
```
#bf2bef
```
#bf2bef rgb(191,43,239)
```
#d02bef
```
#d02bef rgb(208,43,239)
```
#e02bef
```
#e02bef rgb(224,43,239)
```

Similar Colors

Text with hexadecimal color #af2bef

This text has a font color of #af2bef.

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

#af2bef background color

This paragraph has a background color of #af2bef.

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

#af2bef border color

This element has a border color of #af2bef.

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

CSS codes

.text {color:#af2bef;}

.background {background-color:#af2bef;}

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

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

#050107
```
#050107 rgb(5,1,7)
```
#120219
```
#120219 rgb(18,2,25)
```
#1e032b
```
#1e032b rgb(30,3,43)
```
#2b053e
```
#2b053e rgb(43,5,62)
```
#380650
```
#380650 rgb(56,6,80)
```
#440762
```
#440762 rgb(68,7,98)
```
#510974
```
#510974 rgb(81,9,116)
```
#5e0a87
```
#5e0a87 rgb(94,10,135)
```
#6b0c99
```
#6b0c99 rgb(107,12,153)
```
#770dab
```
#770dab rgb(119,13,171)
```
#840ebd
```
#840ebd rgb(132,14,189)
```
#9110cf
```
#9110cf rgb(145,16,207)
```
#9e11e2
```
#9e11e2 rgb(158,17,226)
```

Shade Color Variation

#a819ee
```
#a819ee rgb(168,25,238)
```
#af2bef
```
#af2bef rgb(175,43,239)
```
#b63df0
```
#b63df0 rgb(182,61,240)
```
#bd4ff2
```
#bd4ff2 rgb(189,79,242)
```
#c462f3
```
#c462f3 rgb(196,98,243)
```
#cb74f5
```
#cb74f5 rgb(203,116,245)
```
#d186f6
```
#d186f6 rgb(209,134,246)
```
#d898f7
```
#d898f7 rgb(216,152,247)
```
#dfabf9
```
#dfabf9 rgb(223,171,249)
```
#e6bdfa
```
#e6bdfa rgb(230,189,250)
```
#edcffb
```
#edcffb rgb(237,207,251)
```
#f4e1fd
```
#f4e1fd rgb(244,225,253)
```
#fbf4fe
```
#fbf4fe rgb(251,244,254)
```

Tint Color Variation

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

#8e8b8f
```
#8e8b8f rgb(142,139,143)
```
#918397
```
#918397 rgb(145,131,151)
```
#947aa0
```
#947aa0 rgb(148,122,160)
```
#9771a9
```
#9771a9 rgb(151,113,169)
```
#9a68b2
```
#9a68b2 rgb(154,104,178)
```
#9d60ba
```
#9d60ba rgb(157,96,186)
```
#a057c3
```
#a057c3 rgb(160,87,195)
```
#a34ecc
```
#a34ecc rgb(163,78,204)
```
#a645d5
```
#a645d5 rgb(166,69,213)
```
#a93ddd
```
#a93ddd rgb(169,61,221)
```
#ac34e6
```
#ac34e6 rgb(172,52,230)
```
#af2bef
```
#af2bef rgb(175,43,239)
```
#b222f8
```
#b222f8 rgb(178,34,248)
```

Tone Color Variation

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

#0076e6 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#9b6d75 Tritanopia 0.001% of the population

Trichromacy

#3f5be9 Protanomaly 1% of men, 0.01% of women
#3f5ed9 Deuteranomaly 6% of men, 0.4% of women
#a255a1 Tritanomaly 0.01% of the population

#af2bef hex color

#af2bef Color Information

#af2bef Color Conversion

Color Schemes with #af2bef

Alternatives to #af2bef

#af2bef Preview

Shades and Tints of #af2bef

Tones of #af2bef

Color Blindness Simulator