#af50d3 hex color

In a RGB color space, hex #af50d3 is composed of 68.6% red, 31.4% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 62.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 283.5 degrees, a saturation of 59.8% and a lightness of 57.1%. #af50d3 color hex could be obtained by blending #ffa0ff with #5f00a7. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 31
- B 83
RGB color chart
- C 17
- M 62
- Y 0
- K 17
CMYK color chart

● #af50d3 color description : Moderate violet.

The hexadecimal color #af50d3 has RGB values of R:175, G:80, B:211 and CMYK values of C:0.17, M:0.62, Y:0, K:0.17. Its decimal value is 11489491.

Hex triplet	af50d3	`#af50d3`
RGB Decimal	175, 80, 211	`rgb(175,80,211)`
RGB Percent	68.6, 31.4, 82.7	`rgb(68.6%,31.4%,82.7%)`
CMYK	17, 62, 0, 17
HSL	283.5°, 59.8, 57.1	`hsl(283.5,59.8%,57.1%)`
HSV (or HSB)	283.5°, 62.1, 82.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.331, 58.715, -51.182
XYZ	32.304, 19.556, 63.697
xyY	0.28, 0.169, 19.556
CIE-LCH	51.331, 77.891, 318.921
CIE-LUV	51.331, 34.851, -85.236
Hunter-Lab	44.222, 53.008, -54.447
Binary	10101111, 01010000, 11010011

#af50d3
```
#af50d3 rgb(175,80,211)
```
#74d350
```
#74d350 rgb(116,211,80)
```

Complementary Color

#6e50d3
```
#6e50d3 rgb(110,80,211)
```
#af50d3
```
#af50d3 rgb(175,80,211)
```
#d350b6
```
#d350b6 rgb(211,80,182)
```

Analogous Color

#50d36e
```
#50d36e rgb(80,211,110)
```
#af50d3
```
#af50d3 rgb(175,80,211)
```
#b6d350
```
#b6d350 rgb(182,211,80)
```

Split Complementary Color

#50d3af
```
#50d3af rgb(80,211,175)
```
#af50d3
```
#af50d3 rgb(175,80,211)
```
#d3af50
```
#d3af50 rgb(211,175,80)
```

Triadic Color

#5074d3
```
#5074d3 rgb(80,116,211)
```
#af50d3
```
#af50d3 rgb(175,80,211)
```
#d3af50
```
#d3af50 rgb(211,175,80)
```
#74d350
```
#74d350 rgb(116,211,80)
```

Tetradic Color

#882bab
```
#882bab rgb(136,43,171)
```
#9830c0
```
#9830c0 rgb(152,48,192)
```
#a63cce
```
#a63cce rgb(166,60,206)
```
#af50d3
```
#af50d3 rgb(175,80,211)
```
#b864d8
```
#b864d8 rgb(184,100,216)
```
#c279dd
```
#c279dd rgb(194,121,221)
```
#cb8de2
```
#cb8de2 rgb(203,141,226)
```

Monochromatic Color

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

#8e50d3
```
#8e50d3 rgb(142,80,211)
```
#9950d3
```
#9950d3 rgb(153,80,211)
```
#a450d3
```
#a450d3 rgb(164,80,211)
```
#af50d3
```
#af50d3 rgb(175,80,211)
```
#ba50d3
```
#ba50d3 rgb(186,80,211)
```
#c550d3
```
#c550d3 rgb(197,80,211)
```
#d050d3
```
#d050d3 rgb(208,80,211)
```

Similar Colors

Text with hexadecimal color #af50d3

This text has a font color of #af50d3.

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

#af50d3 background color

This paragraph has a background color of #af50d3.

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

#af50d3 border color

This element has a border color of #af50d3.

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

CSS codes

.text {color:#af50d3;}

.background {background-color:#af50d3;}

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

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, #0a030d is the darkest color, while #fefcfe is the lightest one.

#0a030d
```
#0a030d rgb(10,3,13)
```
#17071d
```
#17071d rgb(23,7,29)
```
#230b2c
```
#230b2c rgb(35,11,44)
```
#300f3c
```
#300f3c rgb(48,15,60)
```
#3c134c
```
#3c134c rgb(60,19,76)
```
#49175b
```
#49175b rgb(73,23,91)
```
#551b6b
```
#551b6b rgb(85,27,107)
```
#621f7b
```
#621f7b rgb(98,31,123)
```
#6e238a
```
#6e238a rgb(110,35,138)
```
#7a279a
```
#7a279a rgb(122,39,154)
```
#872baa
```
#872baa rgb(135,43,170)
```
#932fba
```
#932fba rgb(147,47,186)
```
#a033c9
```
#a033c9 rgb(160,51,201)
```

Shade Color Variation

#a840cf
```
#a840cf rgb(168,64,207)
```
#af50d3
```
#af50d3 rgb(175,80,211)
```
#b660d7
```
#b660d7 rgb(182,96,215)
```
#bd6fdb
```
#bd6fdb rgb(189,111,219)
```
#c47fdf
```
#c47fdf rgb(196,127,223)
```
#cc8fe3
```
#cc8fe3 rgb(204,143,227)
```
#d39ee7
```
#d39ee7 rgb(211,158,231)
```
#daaeeb
```
#daaeeb rgb(218,174,235)
```
#e1beef
```
#e1beef rgb(225,190,239)
```
#e8cdf3
```
#e8cdf3 rgb(232,205,243)
```
#efddf6
```
#efddf6 rgb(239,221,246)
```
#f7edfa
```
#f7edfa rgb(247,237,250)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#948b98
```
#948b98 rgb(148,139,152)
```
#9883a0
```
#9883a0 rgb(152,131,160)
```
#9c7aa9
```
#9c7aa9 rgb(156,122,169)
```
#a072b1
```
#a072b1 rgb(160,114,177)
```
#a469ba
```
#a469ba rgb(164,105,186)
```
#a761c2
```
#a761c2 rgb(167,97,194)
```
#ab58cb
```
#ab58cb rgb(171,88,203)
```
#af50d3
```
#af50d3 rgb(175,80,211)
```
#b348db
```
#b348db rgb(179,72,219)
```
#b73fe4
```
#b73fe4 rgb(183,63,228)
```
#ba37ec
```
#ba37ec rgb(186,55,236)
```
#be2ef5
```
#be2ef5 rgb(190,46,245)
```
#c226fd
```
#c226fd rgb(194,38,253)
```

Tone Color Variation

Below, you can see how #af50d3 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
#85728d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c7df3 Protanopia 1% of men
#5181c8 Deuteranopia 1% of men
#a3747c Tritanopia 0.001% of the population

Trichromacy

#526ce7 Protanomaly 1% of men, 0.01% of women
#736fcc Deuteranomaly 6% of men, 0.4% of women
#a7679b Tritanomaly 0.01% of the population

#af50d3 hex color

#af50d3 Color Information

#af50d3 Color Conversion

Color Schemes with #af50d3

Alternatives to #af50d3

#af50d3 Preview

Shades and Tints of #af50d3

Tones of #af50d3

Color Blindness Simulator