#af42d5 hex color

In a RGB color space, hex #af42d5 is composed of 68.6% red, 25.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 69% magenta, 0% yellow and 16.5% black. It has a hue angle of 284.5 degrees, a saturation of 63.6% and a lightness of 54.7%. #af42d5 color hex could be obtained by blending #ff84ff with #5f00ab. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 26
- B 84
RGB color chart
- C 18
- M 69
- Y 0
- K 16
CMYK color chart

● #af42d5 color description : Moderate violet.

The hexadecimal color #af42d5 has RGB values of R:175, G:66, B:213 and CMYK values of C:0.18, M:0.69, Y:0, K:0.16. Its decimal value is 11485909.

Hex triplet	af42d5	`#af42d5`
RGB Decimal	175, 66, 213	`rgb(175,66,213)`
RGB Percent	68.6, 25.9, 83.5	`rgb(68.6%,25.9%,83.5%)`
CMYK	18, 69, 0, 16
HSL	284.5°, 63.6, 54.7	`hsl(284.5,63.6%,54.7%)`
HSV (or HSB)	284.5°, 69, 83.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	49.272, 65.168, -55.622
XYZ	31.636, 17.816, 64.719
xyY	0.277, 0.156, 17.816
CIE-LCH	49.272, 85.678, 319.519
CIE-LUV	49.272, 37.681, -91.673
Hunter-Lab	42.209, 59.924, -61.365
Binary	10101111, 01000010, 11010101

#af42d5
```
#af42d5 rgb(175,66,213)
```
#68d542
```
#68d542 rgb(104,213,66)
```

Complementary Color

#6642d5
```
#6642d5 rgb(102,66,213)
```
#af42d5
```
#af42d5 rgb(175,66,213)
```
#d542b2
```
#d542b2 rgb(213,66,178)
```

Analogous Color

#42d566
```
#42d566 rgb(66,213,102)
```
#af42d5
```
#af42d5 rgb(175,66,213)
```
#b2d542
```
#b2d542 rgb(178,213,66)
```

Split Complementary Color

#42d5af
```
#42d5af rgb(66,213,175)
```
#af42d5
```
#af42d5 rgb(175,66,213)
```
#d5af42
```
#d5af42 rgb(213,175,66)
```

Triadic Color

#4268d5
```
#4268d5 rgb(66,104,213)
```
#af42d5
```
#af42d5 rgb(175,66,213)
```
#d5af42
```
#d5af42 rgb(213,175,66)
```
#68d542
```
#68d542 rgb(104,213,66)
```

Tetradic Color

#8425a6
```
#8425a6 rgb(132,37,166)
```
#9529bb
```
#9529bb rgb(149,41,187)
```
#a62ecf
```
#a62ecf rgb(166,46,207)
```
#af42d5
```
#af42d5 rgb(175,66,213)
```
#b857da
```
#b857da rgb(184,87,218)
```
#c16cde
```
#c16cde rgb(193,108,222)
```
#c981e3
```
#c981e3 rgb(201,129,227)
```

Monochromatic Color

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

#8a42d5
```
#8a42d5 rgb(138,66,213)
```
#9742d5
```
#9742d5 rgb(151,66,213)
```
#a342d5
```
#a342d5 rgb(163,66,213)
```
#af42d5
```
#af42d5 rgb(175,66,213)
```
#bb42d5
```
#bb42d5 rgb(187,66,213)
```
#c842d5
```
#c842d5 rgb(200,66,213)
```
#d442d5
```
#d442d5 rgb(212,66,213)
```

Similar Colors

Text with hexadecimal color #af42d5

This text has a font color of #af42d5.

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

#af42d5 background color

This paragraph has a background color of #af42d5.

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

#af42d5 border color

This element has a border color of #af42d5.

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

CSS codes

.text {color:#af42d5;}

.background {background-color:#af42d5;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#100414
```
#100414 rgb(16,4,20)
```
#1d0824
```
#1d0824 rgb(29,8,36)
```
#290b34
```
#290b34 rgb(41,11,52)
```
#360f44
```
#360f44 rgb(54,15,68)
```
#431354
```
#431354 rgb(67,19,84)
```
#501664
```
#501664 rgb(80,22,100)
```
#5d1a74
```
#5d1a74 rgb(93,26,116)
```
#691d84
```
#691d84 rgb(105,29,132)
```
#762194
```
#762194 rgb(118,33,148)
```
#8324a4
```
#8324a4 rgb(131,36,164)
```
#9028b4
```
#9028b4 rgb(144,40,180)
```
#9d2cc4
```
#9d2cc4 rgb(157,44,196)
```

Shade Color Variation

#a832d1
```
#a832d1 rgb(168,50,209)
```
#af42d5
```
#af42d5 rgb(175,66,213)
```
#b652d9
```
#b652d9 rgb(182,82,217)
```
#bd62dc
```
#bd62dc rgb(189,98,220)
```
#c372e0
```
#c372e0 rgb(195,114,224)
```
#ca82e3
```
#ca82e3 rgb(202,130,227)
```
#d192e7
```
#d192e7 rgb(209,146,231)
```
#d8a2ea
```
#d8a2ea rgb(216,162,234)
```
#dfb2ee
```
#dfb2ee rgb(223,178,238)
```
#e5c2f2
```
#e5c2f2 rgb(229,194,242)
```
#ecd2f5
```
#ecd2f5 rgb(236,210,245)
```
#f3e2f9
```
#f3e2f9 rgb(243,226,249)
```
#faf3fc
```
#faf3fc rgb(250,243,252)
```

Tint Color Variation

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

#8d898e
```
#8d898e rgb(141,137,142)
```
#918097
```
#918097 rgb(145,128,151)
```
#9577a0
```
#9577a0 rgb(149,119,160)
```
#9a6ea9
```
#9a6ea9 rgb(154,110,169)
```
#9e66b1
```
#9e66b1 rgb(158,102,177)
```
#a25dba
```
#a25dba rgb(162,93,186)
```
#a654c3
```
#a654c3 rgb(166,84,195)
```
#ab4bcc
```
#ab4bcc rgb(171,75,204)
```
#af42d5
```
#af42d5 rgb(175,66,213)
```
#b339de
```
#b339de rgb(179,57,222)
```
#b830e7
```
#b830e7 rgb(184,48,231)
```
#bc27f0
```
#bc27f0 rgb(188,39,240)
```
#c01ef9
```
#c01ef9 rgb(192,30,249)
```

Tone Color Variation

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

Dichromacy

#0078eb Protanopia 1% of men
#3f7dc8 Deuteranopia 1% of men
#a26d75 Tritanopia 0.001% of the population

Trichromacy

#3f64e3 Protanomaly 1% of men, 0.01% of women
#6867cc Deuteranomaly 6% of men, 0.4% of women
#a75d98 Tritanomaly 0.01% of the population

#af42d5 hex color

#af42d5 Color Information

#af42d5 Color Conversion

Color Schemes with #af42d5

Alternatives to #af42d5

#af42d5 Preview

Shades and Tints of #af42d5

Tones of #af42d5

Color Blindness Simulator