#af57b4 hex color

In a RGB color space, hex #af57b4 is composed of 68.6% red, 34.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 51.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 296.8 degrees, a saturation of 38.3% and a lightness of 52.4%. #af57b4 color hex could be obtained by blending #ffaeff with #5f0069. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 34
- B 71
RGB color chart
- C 3
- M 52
- Y 0
- K 29
CMYK color chart

● #af57b4 color description : Moderate magenta.

The hexadecimal color #af57b4 has RGB values of R:175, G:87, B:180 and CMYK values of C:0.03, M:0.52, Y:0, K:0.29. Its decimal value is 11491252.

Hex triplet	af57b4	`#af57b4`
RGB Decimal	175, 87, 180	`rgb(175,87,180)`
RGB Percent	68.6, 34.1, 70.6	`rgb(68.6%,34.1%,70.6%)`
CMYK	3, 52, 0, 29
HSL	296.8°, 38.3, 52.4	`hsl(296.8,38.3%,52.4%)`
HSV (or HSB)	296.8°, 51.7, 70.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	50.952, 49.274, -33.92
XYZ	29.325, 19.227, 45.344
xyY	0.312, 0.205, 19.227
CIE-LCH	50.952, 59.821, 325.457
CIE-LUV	50.952, 40.182, -57.616
Hunter-Lab	43.849, 42.641, -30.618
Binary	10101111, 01010111, 10110100

#af57b4
```
#af57b4 rgb(175,87,180)
```
#5cb457
```
#5cb457 rgb(92,180,87)
```

Complementary Color

#8157b4
```
#8157b4 rgb(129,87,180)
```
#af57b4
```
#af57b4 rgb(175,87,180)
```
#b4578b
```
#b4578b rgb(180,87,139)
```

Analogous Color

#57b481
```
#57b481 rgb(87,180,129)
```
#af57b4
```
#af57b4 rgb(175,87,180)
```
#8bb457
```
#8bb457 rgb(139,180,87)
```

Split Complementary Color

#57b4af
```
#57b4af rgb(87,180,175)
```
#af57b4
```
#af57b4 rgb(175,87,180)
```
#b4af57
```
#b4af57 rgb(180,175,87)
```

Triadic Color

#575cb4
```
#575cb4 rgb(87,92,180)
```
#af57b4
```
#af57b4 rgb(175,87,180)
```
#b4af57
```
#b4af57 rgb(180,175,87)
```
#5cb457
```
#5cb457 rgb(92,180,87)
```

Tetradic Color

#803b84
```
#803b84 rgb(128,59,132)
```
#914395
```
#914395 rgb(145,67,149)
```
#a24ba7
```
#a24ba7 rgb(162,75,167)
```
#af57b4
```
#af57b4 rgb(175,87,180)
```
#b769bc
```
#b769bc rgb(183,105,188)
```
#c07ac4
```
#c07ac4 rgb(192,122,196)
```
#c88ccc
```
#c88ccc rgb(200,140,204)
```

Monochromatic Color

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

#9857b4
```
#9857b4 rgb(152,87,180)
```
#a057b4
```
#a057b4 rgb(160,87,180)
```
#a757b4
```
#a757b4 rgb(167,87,180)
```
#af57b4
```
#af57b4 rgb(175,87,180)
```
#b457b1
```
#b457b1 rgb(180,87,177)
```
#b457aa
```
#b457aa rgb(180,87,170)
```
#b457a2
```
#b457a2 rgb(180,87,162)
```

Similar Colors

Text with hexadecimal color #af57b4

This text has a font color of #af57b4.

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

#af57b4 background color

This paragraph has a background color of #af57b4.

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

#af57b4 border color

This element has a border color of #af57b4.

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

CSS codes

.text {color:#af57b4;}

.background {background-color:#af57b4;}

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

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

#080408
```
#080408 rgb(8,4,8)
```
#150a16
```
#150a16 rgb(21,10,22)
```
#221023
```
#221023 rgb(34,16,35)
```
#301631
```
#301631 rgb(48,22,49)
```
#3d1c3f
```
#3d1c3f rgb(61,28,63)
```
#4a224c
```
#4a224c rgb(74,34,76)
```
#57285a
```
#57285a rgb(87,40,90)
```
#642e67
```
#642e67 rgb(100,46,103)
```
#713475
```
#713475 rgb(113,52,117)
```
#7e3a82
```
#7e3a82 rgb(126,58,130)
```
#8c4090
```
#8c4090 rgb(140,64,144)
```
#99469d
```
#99469d rgb(153,70,157)
```
#a64cab
```
#a64cab rgb(166,76,171)
```

Shade Color Variation

#af57b4
```
#af57b4 rgb(175,87,180)
```
#b565ba
```
#b565ba rgb(181,101,186)
```
#bc72c0
```
#bc72c0 rgb(188,114,192)
```
#c280c6
```
#c280c6 rgb(194,128,198)
```
#c98dcc
```
#c98dcc rgb(201,141,204)
```
#cf9bd2
```
#cf9bd2 rgb(207,155,210)
```
#d6a8d8
```
#d6a8d8 rgb(214,168,216)
```
#dcb6de
```
#dcb6de rgb(220,182,222)
```
#e3c3e4
```
#e3c3e4 rgb(227,195,228)
```
#e9d1ea
```
#e9d1ea rgb(233,209,234)
```
#f0dff1
```
#f0dff1 rgb(240,223,241)
```
#f6ecf7
```
#f6ecf7 rgb(246,236,247)
```
#fcfafd
```
#fcfafd rgb(252,250,253)
```

Tint Color Variation

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

#8e7c8f
```
#8e7c8f rgb(142,124,143)
```
#967398
```
#967398 rgb(150,115,152)
```
#9e6aa1
```
#9e6aa1 rgb(158,106,161)
```
#a760ab
```
#a760ab rgb(167,96,171)
```
#af57b4
```
#af57b4 rgb(175,87,180)
```
#b74ebd
```
#b74ebd rgb(183,78,189)
```
#c044c7
```
#c044c7 rgb(192,68,199)
```
#c83bd0
```
#c83bd0 rgb(200,59,208)
```
#d032d9
```
#d032d9 rgb(208,50,217)
```
#d928e3
```
#d928e3 rgb(217,40,227)
```
#e11fec
```
#e11fec rgb(225,31,236)
```
#e916f5
```
#e916f5 rgb(233,22,245)
```
#f20cff
```
#f20cff rgb(242,12,255)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#867587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b7dce Protanopia 1% of men
#6e7fae Deuteranopia 1% of men
#a97078 Tritanopia 0.001% of the population

Trichromacy

#796fc4 Protanomaly 1% of men, 0.01% of women
#8670b0 Deuteranomaly 6% of men, 0.4% of women
#ab678d Tritanomaly 0.01% of the population

#af57b4 hex color

#af57b4 Color Information

#af57b4 Color Conversion

Color Schemes with #af57b4

Alternatives to #af57b4

#af57b4 Preview

Shades and Tints of #af57b4

Tones of #af57b4

Color Blindness Simulator