#af49f2 hex color

In a RGB color space, hex #af49f2 is composed of 68.6% red, 28.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 69.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 276.2 degrees, a saturation of 86.7% and a lightness of 61.8%. #af49f2 color hex could be obtained by blending #ff92ff with #5f00e5. Closest websafe color is: #9933ff.

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

● #af49f2 color description : Soft violet.

The hexadecimal color #af49f2 has RGB values of R:175, G:73, B:242 and CMYK values of C:0.28, M:0.7, Y:0, K:0.05. Its decimal value is 11487730.

Hex triplet	af49f2	`#af49f2`
RGB Decimal	175, 73, 242	`rgb(175,73,242)`
RGB Percent	68.6, 28.6, 94.9	`rgb(68.6%,28.6%,94.9%)`
CMYK	28, 70, 0, 5
HSL	276.2°, 86.7, 61.8	`hsl(276.2,86.7%,61.8%)`
HSV (or HSB)	276.2°, 69.8, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	52.164, 68.241, -67.36
XYZ	36.086, 20.291, 86.015
xyY	0.253, 0.142, 20.291
CIE-LCH	52.164, 95.887, 315.372
CIE-LUV	52.164, 29.392, -110.678
Hunter-Lab	45.045, 64.17, -81.684
Binary	10101111, 01001001, 11110010

#af49f2
```
#af49f2 rgb(175,73,242)
```
#8cf249
```
#8cf249 rgb(140,242,73)
```

Complementary Color

#5a49f2
```
#5a49f2 rgb(90,73,242)
```
#af49f2
```
#af49f2 rgb(175,73,242)
```
#f249e1
```
#f249e1 rgb(242,73,225)
```

Analogous Color

#49f25a
```
#49f25a rgb(73,242,90)
```
#af49f2
```
#af49f2 rgb(175,73,242)
```
#e1f249
```
#e1f249 rgb(225,242,73)
```

Split Complementary Color

#49f2af
```
#49f2af rgb(73,242,175)
```
#af49f2
```
#af49f2 rgb(175,73,242)
```
#f2af49
```
#f2af49 rgb(242,175,73)
```

Triadic Color

#498cf2
```
#498cf2 rgb(73,140,242)
```
#af49f2
```
#af49f2 rgb(175,73,242)
```
#f2af49
```
#f2af49 rgb(242,175,73)
```
#8cf249
```
#8cf249 rgb(140,242,73)
```

Tetradic Color

#8d10df
```
#8d10df rgb(141,16,223)
```
#9a19ef
```
#9a19ef rgb(154,25,239)
```
#a531f0
```
#a531f0 rgb(165,49,240)
```
#af49f2
```
#af49f2 rgb(175,73,242)
```
#b961f4
```
#b961f4 rgb(185,97,244)
```
#c479f5
```
#c479f5 rgb(196,121,245)
```
#ce90f7
```
#ce90f7 rgb(206,144,247)
```

Monochromatic Color

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

#8549f2
```
#8549f2 rgb(133,73,242)
```
#9349f2
```
#9349f2 rgb(147,73,242)
```
#a149f2
```
#a149f2 rgb(161,73,242)
```
#af49f2
```
#af49f2 rgb(175,73,242)
```
#bd49f2
```
#bd49f2 rgb(189,73,242)
```
#cb49f2
```
#cb49f2 rgb(203,73,242)
```
#d949f2
```
#d949f2 rgb(217,73,242)
```

Similar Colors

Text with hexadecimal color #af49f2

This text has a font color of #af49f2.

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

#af49f2 background color

This paragraph has a background color of #af49f2.

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

#af49f2 border color

This element has a border color of #af49f2.

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

CSS codes

.text {color:#af49f2;}

.background {background-color:#af49f2;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0c0113
```
#0c0113 rgb(12,1,19)
```
#180326
```
#180326 rgb(24,3,38)
```
#230438
```
#230438 rgb(35,4,56)
```
#2f054a
```
#2f054a rgb(47,5,74)
```
#3b075d
```
#3b075d rgb(59,7,93)
```
#46086f
```
#46086f rgb(70,8,111)
```
#520981
```
#520981 rgb(82,9,129)
```
#5d0b94
```
#5d0b94 rgb(93,11,148)
```
#690ca6
```
#690ca6 rgb(105,12,166)
```
#740db8
```
#740db8 rgb(116,13,184)
```
#800eca
```
#800eca rgb(128,14,202)
```
#8b10dd
```
#8b10dd rgb(139,16,221)
```

Shade Color Variation

#9712ee
```
#9712ee rgb(151,18,238)
```
#9f24ef
```
#9f24ef rgb(159,36,239)
```
#a737f1
```
#a737f1 rgb(167,55,241)
```
#af49f2
```
#af49f2 rgb(175,73,242)
```
#b75bf3
```
#b75bf3 rgb(183,91,243)
```
#bf6ef5
```
#bf6ef5 rgb(191,110,245)
```
#c780f6
```
#c780f6 rgb(199,128,246)
```
#cf92f7
```
#cf92f7 rgb(207,146,247)
```
#d7a5f9
```
#d7a5f9 rgb(215,165,249)
```
#dfb7fa
```
#dfb7fa rgb(223,183,250)
```
#e7c9fb
```
#e7c9fb rgb(231,201,251)
```
#efdbfc
```
#efdbfc rgb(239,219,252)
```
#f7eefe
```
#f7eefe rgb(247,238,254)
```

Tint Color Variation

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

#9e9ca0
```
#9e9ca0 rgb(158,156,160)
```
#9f94a7
```
#9f94a7 rgb(159,148,167)
```
#a18daf
```
#a18daf rgb(161,141,175)
```
#a385b6
```
#a385b6 rgb(163,133,182)
```
#a47ebe
```
#a47ebe rgb(164,126,190)
```
#a676c5
```
#a676c5 rgb(166,118,197)
```
#a76fcd
```
#a76fcd rgb(167,111,205)
```
#a967d4
```
#a967d4 rgb(169,103,212)
```
#aa60dc
```
#aa60dc rgb(170,96,220)
```
#ac58e3
```
#ac58e3 rgb(172,88,227)
```
#ad51eb
```
#ad51eb rgb(173,81,235)
```
#af49f2
```
#af49f2 rgb(175,73,242)
```
#b142fa
```
#b142fa rgb(177,66,250)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff8 Protanopia 1% of men
#0085dd Deuteranopia 1% of men
#9c7a82 Tritanopia 0.001% of the population

Trichromacy

#3f6bf6 Protanomaly 1% of men, 0.01% of women
#3f6fe5 Deuteranomaly 6% of men, 0.4% of women
#a268ab Tritanomaly 0.01% of the population

#af49f2 hex color

#af49f2 Color Information

#af49f2 Color Conversion

Color Schemes with #af49f2

Alternatives to #af49f2

#af49f2 Preview

Shades and Tints of #af49f2

Tones of #af49f2

Color Blindness Simulator