colorhexa.com

#af46bc hex color

In a RGB color space, hex #af46bc is composed of 68.6% red, 27.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 62.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 293.4 degrees, a saturation of 46.8% and a lightness of 50.6%. #af46bc color hex could be obtained by blending #ff8cff with #5f0079. Closest websafe color is: #9933cc.

- R 69
- G 27
- B 74
RGB color chart
- C 7
- M 63
- Y 0
- K 26
CMYK color chart

● #af46bc color description : Moderate magenta.

The hexadecimal color #af46bc has RGB values of R:175, G:70, B:188 and CMYK values of C:0.07, M:0.63, Y:0, K:0.26. Its decimal value is 11486908.

Hex triplet	af46bc	`#af46bc`
RGB Decimal	175, 70, 188	`rgb(175,70,188)`
RGB Percent	68.6, 27.5, 73.7	`rgb(68.6%,27.5%,73.7%)`
CMYK	7, 63, 0, 26
HSL	293.4°, 46.8, 50.6	`hsl(293.4,46.8%,50.6%)`
HSV (or HSB)	293.4°, 62.8, 73.7
Web Safe	9933cc	`#9933cc`

CIE-LAB	48.419, 58.728, -42.567
XYZ	28.946, 17.127, 49.355
xyY	0.303, 0.179, 17.127
CIE-LCH	48.419, 72.532, 324.065
CIE-LUV	48.419, 43.429, -71.193
Hunter-Lab	41.384, 52.427, -41.741
Binary	10101111, 01000110, 10111100

#af46bc
```
#af46bc rgb(175,70,188)
```
#53bc46
```
#53bc46 rgb(83,188,70)
```

Complementary Color

#7446bc
```
#7446bc rgb(116,70,188)
```
#af46bc
```
#af46bc rgb(175,70,188)
```
#bc468e
```
#bc468e rgb(188,70,142)
```

Analogous Color

#46bc74
```
#46bc74 rgb(70,188,116)
```
#af46bc
```
#af46bc rgb(175,70,188)
```
#8ebc46
```
#8ebc46 rgb(142,188,70)
```

Split Complementary Color

#46bcaf
```
#46bcaf rgb(70,188,175)
```
#af46bc
```
#af46bc rgb(175,70,188)
```
#bcaf46
```
#bcaf46 rgb(188,175,70)
```

Triadic Color

#4653bc
```
#4653bc rgb(70,83,188)
```
#af46bc
```
#af46bc rgb(175,70,188)
```
#bcaf46
```
#bcaf46 rgb(188,175,70)
```
#53bc46
```
#53bc46 rgb(83,188,70)
```

Tetradic Color

#7c3085
```
#7c3085 rgb(124,48,133)
```
#8d3798
```
#8d3798 rgb(141,55,152)
```
#9f3eab
```
#9f3eab rgb(159,62,171)
```
#af46bc
```
#af46bc rgb(175,70,188)
```
#b759c3
```
#b759c3 rgb(183,89,195)
```
#bf6bca
```
#bf6bca rgb(191,107,202)
```
#c77ed0
```
#c77ed0 rgb(199,126,208)
```

Monochromatic Color

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

#9246bc
```
#9246bc rgb(146,70,188)
```
#9b46bc
```
#9b46bc rgb(155,70,188)
```
#a546bc
```
#a546bc rgb(165,70,188)
```
#af46bc
```
#af46bc rgb(175,70,188)
```
#b946bc
```
#b946bc rgb(185,70,188)
```
#bc46b5
```
#bc46b5 rgb(188,70,181)
```
#bc46ac
```
#bc46ac rgb(188,70,172)
```

Similar Colors

Text with hexadecimal color #af46bc

This text has a font color of #af46bc.

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

#af46bc background color

This paragraph has a background color of #af46bc.

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

#af46bc border color

This element has a border color of #af46bc.

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

CSS codes

.text {color:#af46bc;}

.background {background-color:#af46bc;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0f0611
```
#0f0611 rgb(15,6,17)
```
#1d0b1f
```
#1d0b1f rgb(29,11,31)
```
#2a102d
```
#2a102d rgb(42,16,45)
```
#38163c
```
#38163c rgb(56,22,60)
```
#451b4a
```
#451b4a rgb(69,27,74)
```
#522059
```
#522059 rgb(82,32,89)
```
#602567
```
#602567 rgb(96,37,103)
```
#6d2b75
```
#6d2b75 rgb(109,43,117)
```
#7b3084
```
#7b3084 rgb(123,48,132)
```
#883592
```
#883592 rgb(136,53,146)
```
#953aa1
```
#953aa1 rgb(149,58,161)
```
#a33faf
```
#a33faf rgb(163,63,175)
```

Shade Color Variation

#af46bc
```
#af46bc rgb(175,70,188)
```
#b554c1
```
#b554c1 rgb(181,84,193)
```
#bb63c6
```
#bb63c6 rgb(187,99,198)
```
#c271cc
```
#c271cc rgb(194,113,204)
```
#c880d1
```
#c880d1 rgb(200,128,209)
```
#ce8ed6
```
#ce8ed6 rgb(206,142,214)
```
#d49cdb
```
#d49cdb rgb(212,156,219)
```
#dbabe1
```
#dbabe1 rgb(219,171,225)
```
#e1b9e6
```
#e1b9e6 rgb(225,185,230)
```
#e7c8eb
```
#e7c8eb rgb(231,200,235)
```
#edd6f0
```
#edd6f0 rgb(237,214,240)
```
#f3e4f5
```
#f3e4f5 rgb(243,228,245)
```
#faf3fb
```
#faf3fb rgb(250,243,251)
```

Tint Color Variation

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

#828082
```
#828082 rgb(130,128,130)
```
#89768c
```
#89768c rgb(137,118,140)
```
#916d95
```
#916d95 rgb(145,109,149)
```
#98639f
```
#98639f rgb(152,99,159)
```
#a059a9
```
#a059a9 rgb(160,89,169)
```
#a750b2
```
#a750b2 rgb(167,80,178)
```
#af46bc
```
#af46bc rgb(175,70,188)
```
#b73cc6
```
#b73cc6 rgb(183,60,198)
```
#be33cf
```
#be33cf rgb(190,51,207)
```
#c629d9
```
#c629d9 rgb(198,41,217)
```
#cd1fe3
```
#cd1fe3 rgb(205,31,227)
```
#d516ec
```
#d516ec rgb(213,22,236)
```
#dc0cf6
```
#dc0cf6 rgb(220,12,246)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7f6a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3476de Protanopia 1% of men
#5c79b3 Deuteranopia 1% of men
#a7686f Tritanopia 0.001% of the population

Trichromacy

#6065d2 Protanomaly 1% of men, 0.01% of women
#7a67b6 Deuteranomaly 6% of men, 0.4% of women
#aa5b8b Tritanomaly 0.01% of the population