#af5ec4 hex color

In a RGB color space, hex #af5ec4 is composed of 68.6% red, 36.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 52% magenta, 0% yellow and 23.1% black. It has a hue angle of 287.6 degrees, a saturation of 46.4% and a lightness of 56.9%. #af5ec4 color hex could be obtained by blending #ffbcff with #5f0089. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 37
- B 77
RGB color chart
- C 11
- M 52
- Y 0
- K 23
CMYK color chart

● #af5ec4 color description : Moderate magenta.

The hexadecimal color #af5ec4 has RGB values of R:175, G:94, B:196 and CMYK values of C:0.11, M:0.52, Y:0, K:0.23. Its decimal value is 11493060.

Hex triplet	af5ec4	`#af5ec4`
RGB Decimal	175, 94, 196	`rgb(175,94,196)`
RGB Percent	68.6, 36.9, 76.9	`rgb(68.6%,36.9%,76.9%)`
CMYK	11, 52, 0, 23
HSL	287.6°, 46.4, 56.9	`hsl(287.6,46.4%,56.9%)`
HSV (or HSB)	287.6°, 52, 76.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.065, 48.847, -39.843
XYZ	31.645, 21.106, 54.629
xyY	0.295, 0.197, 21.106
CIE-LCH	53.065, 63.036, 320.797
CIE-LUV	53.065, 34.027, -67.205
Hunter-Lab	45.941, 42.554, -38.342
Binary	10101111, 01011110, 11000100

#af5ec4
```
#af5ec4 rgb(175,94,196)
```
#73c45e
```
#73c45e rgb(115,196,94)
```

Complementary Color

#7c5ec4
```
#7c5ec4 rgb(124,94,196)
```
#af5ec4
```
#af5ec4 rgb(175,94,196)
```
#c45ea6
```
#c45ea6 rgb(196,94,166)
```

Analogous Color

#5ec47c
```
#5ec47c rgb(94,196,124)
```
#af5ec4
```
#af5ec4 rgb(175,94,196)
```
#a6c45e
```
#a6c45e rgb(166,196,94)
```

Split Complementary Color

#5ec4af
```
#5ec4af rgb(94,196,175)
```
#af5ec4
```
#af5ec4 rgb(175,94,196)
```
#c4af5e
```
#c4af5e rgb(196,175,94)
```

Triadic Color

#5e73c4
```
#5e73c4 rgb(94,115,196)
```
#af5ec4
```
#af5ec4 rgb(175,94,196)
```
#c4af5e
```
#c4af5e rgb(196,175,94)
```
#73c45e
```
#73c45e rgb(115,196,94)
```

Tetradic Color

#88399c
```
#88399c rgb(136,57,156)
```
#9840af
```
#9840af rgb(152,64,175)
```
#a64bbd
```
#a64bbd rgb(166,75,189)
```
#af5ec4
```
#af5ec4 rgb(175,94,196)
```
#b871cb
```
#b871cb rgb(184,113,203)
```
#c283d2
```
#c283d2 rgb(194,131,210)
```
#cb96d9
```
#cb96d9 rgb(203,150,217)
```

Monochromatic Color

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

#965ec4
```
#965ec4 rgb(150,94,196)
```
#9e5ec4
```
#9e5ec4 rgb(158,94,196)
```
#a75ec4
```
#a75ec4 rgb(167,94,196)
```
#af5ec4
```
#af5ec4 rgb(175,94,196)
```
#b85ec4
```
#b85ec4 rgb(184,94,196)
```
#c05ec4
```
#c05ec4 rgb(192,94,196)
```
#c45ec0
```
#c45ec0 rgb(196,94,192)
```

Similar Colors

Text with hexadecimal color #af5ec4

This text has a font color of #af5ec4.

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

#af5ec4 background color

This paragraph has a background color of #af5ec4.

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

#af5ec4 border color

This element has a border color of #af5ec4.

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

CSS codes

.text {color:#af5ec4;}

.background {background-color:#af5ec4;}

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

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

#0a040b
```
#0a040b rgb(10,4,11)
```
#16091a
```
#16091a rgb(22,9,26)
```
#230f28
```
#230f28 rgb(35,15,40)
```
#2f1436
```
#2f1436 rgb(47,20,54)
```
#3c1945
```
#3c1945 rgb(60,25,69)
```
#481e53
```
#481e53 rgb(72,30,83)
```
#552461
```
#552461 rgb(85,36,97)
```
#612970
```
#612970 rgb(97,41,112)
```
#6e2e7e
```
#6e2e7e rgb(110,46,126)
```
#7a338c
```
#7a338c rgb(122,51,140)
```
#87399b
```
#87399b rgb(135,57,155)
```
#933ea9
```
#933ea9 rgb(147,62,169)
```
#a043b8
```
#a043b8 rgb(160,67,184)
```

Shade Color Variation

#a850bf
```
#a850bf rgb(168,80,191)
```
#af5ec4
```
#af5ec4 rgb(175,94,196)
```
#b66cc9
```
#b66cc9 rgb(182,108,201)
```
#bd7bcf
```
#bd7bcf rgb(189,123,207)
```
#c489d4
```
#c489d4 rgb(196,137,212)
```
#cc97d9
```
#cc97d9 rgb(204,151,217)
```
#d3a6de
```
#d3a6de rgb(211,166,222)
```
#dab4e4
```
#dab4e4 rgb(218,180,228)
```
#e1c2e9
```
#e1c2e9 rgb(225,194,233)
```
#e8d1ee
```
#e8d1ee rgb(232,209,238)
```
#efdff3
```
#efdff3 rgb(239,223,243)
```
#f6eef9
```
#f6eef9 rgb(246,238,249)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#96889a
```
#96889a rgb(150,136,154)
```
#9b80a2
```
#9b80a2 rgb(155,128,162)
```
#a077ab
```
#a077ab rgb(160,119,171)
```
#a56fb3
```
#a56fb3 rgb(165,111,179)
```
#aa66bc
```
#aa66bc rgb(170,102,188)
```
#af5ec4
```
#af5ec4 rgb(175,94,196)
```
#b456cc
```
#b456cc rgb(180,86,204)
```
#b94dd5
```
#b94dd5 rgb(185,77,213)
```
#be45dd
```
#be45dd rgb(190,69,221)
```
#c33ce6
```
#c33ce6 rgb(195,60,230)
```
#c834ee
```
#c834ee rgb(200,52,238)
```
#cd2bf7
```
#cd2bf7 rgb(205,43,247)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b7b8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5882dc Protanopia 1% of men
#6b84bd Deuteranopia 1% of men
#a77881 Tritanopia 0.001% of the population

Trichromacy

#7875d3 Protanomaly 1% of men, 0.01% of women
#8376bf Deuteranomaly 6% of men, 0.4% of women
#aa6f99 Tritanomaly 0.01% of the population

#af5ec4 hex color

#af5ec4 Color Information

#af5ec4 Color Conversion

Color Schemes with #af5ec4

Alternatives to #af5ec4

#af5ec4 Preview

Shades and Tints of #af5ec4

Tones of #af5ec4

Color Blindness Simulator