colorhexa.com

#af46e2 hex color

In a RGB color space, hex #af46e2 is composed of 68.6% red, 27.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 69% magenta, 0% yellow and 11.4% black. It has a hue angle of 280.4 degrees, a saturation of 72.9% and a lightness of 58%. #af46e2 color hex could be obtained by blending #ff8cff with #5f00c5. Closest websafe color is: #9933cc.

- R 69
- G 27
- B 89
RGB color chart
- C 23
- M 69
- Y 0
- K 11
CMYK color chart

● #af46e2 color description : Soft violet.

The hexadecimal color #af46e2 has RGB values of R:175, G:70, B:226 and CMYK values of C:0.23, M:0.69, Y:0, K:0.11. Its decimal value is 11486946.

Hex triplet	af46e2	`#af46e2`
RGB Decimal	175, 70, 226	`rgb(175,70,226)`
RGB Percent	68.6, 27.5, 88.6	`rgb(68.6%,27.5%,88.6%)`
CMYK	23, 69, 0, 11
HSL	280.4°, 72.9, 58	`hsl(280.4,72.9%,58%)`
HSV (or HSB)	280.4°, 69, 88.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	50.671, 66.145, -60.766
XYZ	33.595, 18.986, 73.842
xyY	0.266, 0.15, 18.986
CIE-LCH	50.671, 89.82, 317.427
CIE-LUV	50.671, 33.628, -100.027
Hunter-Lab	43.573, 61.37, -69.976
Binary	10101111, 01000110, 11100010

#af46e2
```
#af46e2 rgb(175,70,226)
```
#79e246
```
#79e246 rgb(121,226,70)
```

Complementary Color

#6146e2
```
#6146e2 rgb(97,70,226)
```
#af46e2
```
#af46e2 rgb(175,70,226)
```
#e246c7
```
#e246c7 rgb(226,70,199)
```

Analogous Color

#46e261
```
#46e261 rgb(70,226,97)
```
#af46e2
```
#af46e2 rgb(175,70,226)
```
#c7e246
```
#c7e246 rgb(199,226,70)
```

Split Complementary Color

#46e2af
```
#46e2af rgb(70,226,175)
```
#af46e2
```
#af46e2 rgb(175,70,226)
```
#e2af46
```
#e2af46 rgb(226,175,70)
```

Triadic Color

#4679e2
```
#4679e2 rgb(70,121,226)
```
#af46e2
```
#af46e2 rgb(175,70,226)
```
#e2af46
```
#e2af46 rgb(226,175,70)
```
#79e246
```
#79e246 rgb(121,226,70)
```

Tetradic Color

#891ebe
```
#891ebe rgb(137,30,190)
```
#9921d4
```
#9921d4 rgb(153,33,212)
```
#a530df
```
#a530df rgb(165,48,223)
```
#af46e2
```
#af46e2 rgb(175,70,226)
```
#b95ce5
```
#b95ce5 rgb(185,92,229)
```
#c272e9
```
#c272e9 rgb(194,114,233)
```
#cc88ec
```
#cc88ec rgb(204,136,236)
```

Monochromatic Color

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

#8846e2
```
#8846e2 rgb(136,70,226)
```
#9546e2
```
#9546e2 rgb(149,70,226)
```
#a246e2
```
#a246e2 rgb(162,70,226)
```
#af46e2
```
#af46e2 rgb(175,70,226)
```
#bc46e2
```
#bc46e2 rgb(188,70,226)
```
#c946e2
```
#c946e2 rgb(201,70,226)
```
#d646e2
```
#d646e2 rgb(214,70,226)
```

Similar Colors

Text with hexadecimal color #af46e2

This text has a font color of #af46e2.

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

#af46e2 background color

This paragraph has a background color of #af46e2.

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

#af46e2 border color

This element has a border color of #af46e2.

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

CSS codes

.text {color:#af46e2;}

.background {background-color:#af46e2;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0d0312
```
#0d0312 rgb(13,3,18)
```
#1a0623
```
#1a0623 rgb(26,6,35)
```
#260834
```
#260834 rgb(38,8,52)
```
#320b45
```
#320b45 rgb(50,11,69)
```
#3f0e56
```
#3f0e56 rgb(63,14,86)
```
#4b1067
```
#4b1067 rgb(75,16,103)
```
#571378
```
#571378 rgb(87,19,120)
```
#631689
```
#631689 rgb(99,22,137)
```
#70189a
```
#70189a rgb(112,24,154)
```
#7c1bab
```
#7c1bab rgb(124,27,171)
```
#881dbc
```
#881dbc rgb(136,29,188)
```
#9420cd
```
#9420cd rgb(148,32,205)
```

Shade Color Variation

#a024dd
```
#a024dd rgb(160,36,221)
```
#a835df
```
#a835df rgb(168,53,223)
```
#af46e2
```
#af46e2 rgb(175,70,226)
```
#b657e5
```
#b657e5 rgb(182,87,229)
```
#be68e7
```
#be68e7 rgb(190,104,231)
```
#c579ea
```
#c579ea rgb(197,121,234)
```
#cc8aed
```
#cc8aed rgb(204,138,237)
```
#d49bef
```
#d49bef rgb(212,155,239)
```
#dbacf2
```
#dbacf2 rgb(219,172,242)
```
#e2bdf5
```
#e2bdf5 rgb(226,189,245)
```
#eacef7
```
#eacef7 rgb(234,206,247)
```
#f1dffa
```
#f1dffa rgb(241,223,250)
```
#f8f0fd
```
#f8f0fd rgb(248,240,253)
```

Tint Color Variation

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

#959098
```
#959098 rgb(149,144,152)
```
#9888a0
```
#9888a0 rgb(152,136,160)
```
#9b80a8
```
#9b80a8 rgb(155,128,168)
```
#9e77b1
```
#9e77b1 rgb(158,119,177)
```
#a16fb9
```
#a16fb9 rgb(161,111,185)
```
#a467c1
```
#a467c1 rgb(164,103,193)
```
#a65fc9
```
#a65fc9 rgb(166,95,201)
```
#a956d2
```
#a956d2 rgb(169,86,210)
```
#ac4eda
```
#ac4eda rgb(172,78,218)
```
#af46e2
```
#af46e2 rgb(175,70,226)
```
#b23eea
```
#b23eea rgb(178,62,234)
```
#b536f2
```
#b536f2 rgb(181,54,242)
```
#b82dfb
```
#b82dfb rgb(184,45,251)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#826d8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#2e81d3 Deuteranopia 1% of men
#9f737b Tritanopia 0.001% of the population

Trichromacy

#3f68ec Protanomaly 1% of men, 0.01% of women
#5d6bd8 Deuteranomaly 6% of men, 0.4% of women
#a563a1 Tritanomaly 0.01% of the population