#af28f0 hex color

In a RGB color space, hex #af28f0 is composed of 68.6% red, 15.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 83.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 280.5 degrees, a saturation of 87% and a lightness of 54.9%. #af28f0 color hex could be obtained by blending #ff50ff with #5f00e1. Closest websafe color is: #9933ff.

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

● #af28f0 color description : Bright violet.

The hexadecimal color #af28f0 has RGB values of R:175, G:40, B:240 and CMYK values of C:0.27, M:0.83, Y:0, K:0.06. Its decimal value is 11479280.

Hex triplet	af28f0	`#af28f0`
RGB Decimal	175, 40, 240	`rgb(175,40,240)`
RGB Percent	68.6, 15.7, 94.1	`rgb(68.6%,15.7%,94.1%)`
CMYK	27, 83, 0, 6
HSL	280.5°, 87, 54.9	`hsl(280.5,87%,54.9%)`
HSV (or HSB)	280.5°, 83.3, 94.1
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.164, 78.937, -72.73
XYZ	34.164, 16.924, 83.9
xyY	0.253, 0.125, 16.924
CIE-LCH	48.164, 107.334, 317.344
CIE-LUV	48.164, 34.661, -116.54
Hunter-Lab	41.139, 76.245, -92.122
Binary	10101111, 00101000, 11110000

#af28f0
```
#af28f0 rgb(175,40,240)
```
#69f028
```
#69f028 rgb(105,240,40)
```

Complementary Color

#4b28f0
```
#4b28f0 rgb(75,40,240)
```
#af28f0
```
#af28f0 rgb(175,40,240)
```
#f028cd
```
#f028cd rgb(240,40,205)
```

Analogous Color

#28f04b
```
#28f04b rgb(40,240,75)
```
#af28f0
```
#af28f0 rgb(175,40,240)
```
#cdf028
```
#cdf028 rgb(205,240,40)
```

Split Complementary Color

#28f0af
```
#28f0af rgb(40,240,175)
```
#af28f0
```
#af28f0 rgb(175,40,240)
```
#f0af28
```
#f0af28 rgb(240,175,40)
```

Triadic Color

#2869f0
```
#2869f0 rgb(40,105,240)
```
#af28f0
```
#af28f0 rgb(175,40,240)
```
#f0af28
```
#f0af28 rgb(240,175,40)
```
#69f028
```
#69f028 rgb(105,240,40)
```

Tetradic Color

#850dbe
```
#850dbe rgb(133,13,190)
```
#950fd6
```
#950fd6 rgb(149,15,214)
```
#a611ee
```
#a611ee rgb(166,17,238)
```
#af28f0
```
#af28f0 rgb(175,40,240)
```
#b840f2
```
#b840f2 rgb(184,64,242)
```
#c158f3
```
#c158f3 rgb(193,88,243)
```
#ca70f5
```
#ca70f5 rgb(202,112,245)
```

Monochromatic Color

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

#7d28f0
```
#7d28f0 rgb(125,40,240)
```
#8e28f0
```
#8e28f0 rgb(142,40,240)
```
#9e28f0
```
#9e28f0 rgb(158,40,240)
```
#af28f0
```
#af28f0 rgb(175,40,240)
```
#c028f0
```
#c028f0 rgb(192,40,240)
```
#d028f0
```
#d028f0 rgb(208,40,240)
```
#e128f0
```
#e128f0 rgb(225,40,240)
```

Similar Colors

Text with hexadecimal color #af28f0

This text has a font color of #af28f0.

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

#af28f0 background color

This paragraph has a background color of #af28f0.

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

#af28f0 border color

This element has a border color of #af28f0.

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

CSS codes

.text {color:#af28f0;}

.background {background-color:#af28f0;}

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

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

#040005
```
#040005 rgb(4,0,5)
```
#100217
```
#100217 rgb(16,2,23)
```
#1d032a
```
#1d032a rgb(29,3,42)
```
#2a043c
```
#2a043c rgb(42,4,60)
```
#37054e
```
#37054e rgb(55,5,78)
```
#430761
```
#430761 rgb(67,7,97)
```
#500873
```
#500873 rgb(80,8,115)
```
#5d0985
```
#5d0985 rgb(93,9,133)
```
#6a0b98
```
#6a0b98 rgb(106,11,152)
```
#770caa
```
#770caa rgb(119,12,170)
```
#830dbc
```
#830dbc rgb(131,13,188)
```
#900ecf
```
#900ecf rgb(144,14,207)
```
#9d10e1
```
#9d10e1 rgb(157,16,225)
```

Shade Color Variation

#a816ef
```
#a816ef rgb(168,22,239)
```
#af28f0
```
#af28f0 rgb(175,40,240)
```
#b63af1
```
#b63af1 rgb(182,58,241)
```
#bd4df3
```
#bd4df3 rgb(189,77,243)
```
#c35ff4
```
#c35ff4 rgb(195,95,244)
```
#ca71f5
```
#ca71f5 rgb(202,113,245)
```
#d184f6
```
#d184f6 rgb(209,132,246)
```
#d896f8
```
#d896f8 rgb(216,150,248)
```
#dfa8f9
```
#dfa8f9 rgb(223,168,249)
```
#e6bbfa
```
#e6bbfa rgb(230,187,250)
```
#eccdfc
```
#eccdfc rgb(236,205,252)
```
#f3dffd
```
#f3dffd rgb(243,223,253)
```
#faf2fe
```
#faf2fe rgb(250,242,254)
```

Tint Color Variation

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

#8d898f
```
#8d898f rgb(141,137,143)
```
#908098
```
#908098 rgb(144,128,152)
```
#9378a0
```
#9378a0 rgb(147,120,160)
```
#966fa9
```
#966fa9 rgb(150,111,169)
```
#9966b2
```
#9966b2 rgb(153,102,178)
```
#9c5dbb
```
#9c5dbb rgb(156,93,187)
```
#a054c4
```
#a054c4 rgb(160,84,196)
```
#a34bcd
```
#a34bcd rgb(163,75,205)
```
#a643d5
```
#a643d5 rgb(166,67,213)
```
#a93ade
```
#a93ade rgb(169,58,222)
```
#ac31e7
```
#ac31e7 rgb(172,49,231)
```
#af28f0
```
#af28f0 rgb(175,40,240)
```
#b21ff9
```
#b21ff9 rgb(178,31,249)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#755a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e5 Protanopia 1% of men
#007ccb Deuteranopia 1% of men
#9a6d74 Tritanopia 0.001% of the population

Trichromacy

#3f59e9 Protanomaly 1% of men, 0.01% of women
#3f5dd8 Deuteranomaly 6% of men, 0.4% of women
#a254a1 Tritanomaly 0.01% of the population

#af28f0 hex color

#af28f0 Color Information

#af28f0 Color Conversion

Color Schemes with #af28f0

Alternatives to #af28f0

#af28f0 Preview

Shades and Tints of #af28f0

Tones of #af28f0

Color Blindness Simulator