#af2ff2 hex color

In a RGB color space, hex #af2ff2 is composed of 68.6% red, 18.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 80.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 279.4 degrees, a saturation of 88.2% and a lightness of 56.7%. #af2ff2 color hex could be obtained by blending #ff5eff with #5f00e5. Closest websafe color is: #9933ff.

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

● #af2ff2 color description : Bright violet.

The hexadecimal color #af2ff2 has RGB values of R:175, G:47, B:242 and CMYK values of C:0.28, M:0.81, Y:0, K:0.05. Its decimal value is 11481074.

Hex triplet	af2ff2	`#af2ff2`
RGB Decimal	175, 47, 242	`rgb(175,47,242)`
RGB Percent	68.6, 18.4, 94.9	`rgb(68.6%,18.4%,94.9%)`
CMYK	28, 81, 0, 5
HSL	279.4°, 88.2, 56.7	`hsl(279.4,88.2%,56.7%)`
HSV (or HSB)	279.4°, 80.6, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.957, 77.441, -72.564
XYZ	34.72, 17.559, 85.56
xyY	0.252, 0.127, 17.559
CIE-LCH	48.957, 106.125, 316.862
CIE-LUV	48.957, 33.411, -116.778
Hunter-Lab	41.903, 74.572, -91.728
Binary	10101111, 00101111, 11110010

#af2ff2
```
#af2ff2 rgb(175,47,242)
```
#72f22f
```
#72f22f rgb(114,242,47)
```

Complementary Color

#4d2ff2
```
#4d2ff2 rgb(77,47,242)
```
#af2ff2
```
#af2ff2 rgb(175,47,242)
```
#f22fd4
```
#f22fd4 rgb(242,47,212)
```

Analogous Color

#2ff24d
```
#2ff24d rgb(47,242,77)
```
#af2ff2
```
#af2ff2 rgb(175,47,242)
```
#d4f22f
```
#d4f22f rgb(212,242,47)
```

Split Complementary Color

#2ff2af
```
#2ff2af rgb(47,242,175)
```
#af2ff2
```
#af2ff2 rgb(175,47,242)
```
#f2af2f
```
#f2af2f rgb(242,175,47)
```

Triadic Color

#2f72f2
```
#2f72f2 rgb(47,114,242)
```
#af2ff2
```
#af2ff2 rgb(175,47,242)
```
#f2af2f
```
#f2af2f rgb(242,175,47)
```
#72f22f
```
#72f22f rgb(114,242,47)
```

Tetradic Color

#880dc8
```
#880dc8 rgb(136,13,200)
```
#980ee0
```
#980ee0 rgb(152,14,224)
```
#a617f1
```
#a617f1 rgb(166,23,241)
```
#af2ff2
```
#af2ff2 rgb(175,47,242)
```
#b847f4
```
#b847f4 rgb(184,71,244)
```
#c15ff5
```
#c15ff5 rgb(193,95,245)
```
#cb77f7
```
#cb77f7 rgb(203,119,247)
```

Monochromatic Color

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

#7e2ff2
```
#7e2ff2 rgb(126,47,242)
```
#8f2ff2
```
#8f2ff2 rgb(143,47,242)
```
#9f2ff2
```
#9f2ff2 rgb(159,47,242)
```
#af2ff2
```
#af2ff2 rgb(175,47,242)
```
#bf2ff2
```
#bf2ff2 rgb(191,47,242)
```
#d02ff2
```
#d02ff2 rgb(208,47,242)
```
#e02ff2
```
#e02ff2 rgb(224,47,242)
```

Similar Colors

Text with hexadecimal color #af2ff2

This text has a font color of #af2ff2.

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

#af2ff2 background color

This paragraph has a background color of #af2ff2.

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

#af2ff2 border color

This element has a border color of #af2ff2.

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

CSS codes

.text {color:#af2ff2;}

.background {background-color:#af2ff2;}

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

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, #09010e is the darkest color, while #fdfaff is the lightest one.

#09010e
```
#09010e rgb(9,1,14)
```
#160220
```
#160220 rgb(22,2,32)
```
#220332
```
#220332 rgb(34,3,50)
```
#2f0445
```
#2f0445 rgb(47,4,69)
```
#3b0557
```
#3b0557 rgb(59,5,87)
```
#48076a
```
#48076a rgb(72,7,106)
```
#54087c
```
#54087c rgb(84,8,124)
```
#61098f
```
#61098f rgb(97,9,143)
```
#6d0aa1
```
#6d0aa1 rgb(109,10,161)
```
#7a0bb4
```
#7a0bb4 rgb(122,11,180)
```
#860cc6
```
#860cc6 rgb(134,12,198)
```
#930ed9
```
#930ed9 rgb(147,14,217)
```
#9f0feb
```
#9f0feb rgb(159,15,235)
```

Shade Color Variation

#a81df1
```
#a81df1 rgb(168,29,241)
```
#af2ff2
```
#af2ff2 rgb(175,47,242)
```
#b641f3
```
#b641f3 rgb(182,65,243)
```
#bd54f4
```
#bd54f4 rgb(189,84,244)
```
#c466f5
```
#c466f5 rgb(196,102,245)
```
#cb79f7
```
#cb79f7 rgb(203,121,247)
```
#d38bf8
```
#d38bf8 rgb(211,139,248)
```
#da9ef9
```
#da9ef9 rgb(218,158,249)
```
#e1b0fa
```
#e1b0fa rgb(225,176,250)
```
#e8c3fb
```
#e8c3fb rgb(232,195,251)
```
#efd5fc
```
#efd5fc rgb(239,213,252)
```
#f6e8fe
```
#f6e8fe rgb(246,232,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#928d95
```
#928d95 rgb(146,141,149)
```
#94849d
```
#94849d rgb(148,132,157)
```
#977ca6
```
#977ca6 rgb(151,124,166)
```
#9a73ae
```
#9a73ae rgb(154,115,174)
```
#9c6bb7
```
#9c6bb7 rgb(156,107,183)
```
#9f62bf
```
#9f62bf rgb(159,98,191)
```
#a25ac8
```
#a25ac8 rgb(162,90,200)
```
#a451d0
```
#a451d0 rgb(164,81,208)
```
#a749d9
```
#a749d9 rgb(167,73,217)
```
#aa40e1
```
#aa40e1 rgb(170,64,225)
```
#ac38ea
```
#ac38ea rgb(172,56,234)
```
#af2ff2
```
#af2ff2 rgb(175,47,242)
```
#b227fb
```
#b227fb rgb(178,39,251)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecf Deuteranopia 1% of men
#9a7077 Tritanopia 0.001% of the population

Trichromacy

#3f5dec Protanomaly 1% of men, 0.01% of women
#3f61db Deuteranomaly 6% of men, 0.4% of women
#a258a4 Tritanomaly 0.01% of the population

#af2ff2 hex color

#af2ff2 Color Information

#af2ff2 Color Conversion

Color Schemes with #af2ff2

Alternatives to #af2ff2

#af2ff2 Preview

Shades and Tints of #af2ff2

Tones of #af2ff2

Color Blindness Simulator