#af5ac4 hex color

In a RGB color space, hex #af5ac4 is composed of 68.6% red, 35.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 54.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 288.1 degrees, a saturation of 47.3% and a lightness of 56.1%. #af5ac4 color hex could be obtained by blending #ffb4ff with #5f0089. Closest websafe color is: #9966cc.

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

● #af5ac4 color description : Moderate magenta.

The hexadecimal color #af5ac4 has RGB values of R:175, G:90, B:196 and CMYK values of C:0.11, M:0.54, Y:0, K:0.23. Its decimal value is 11492036.

Hex triplet	af5ac4	`#af5ac4`
RGB Decimal	175, 90, 196	`rgb(175,90,196)`
RGB Percent	68.6, 35.3, 76.9	`rgb(68.6%,35.3%,76.9%)`
CMYK	11, 54, 0, 23
HSL	288.1°, 47.3, 56.1	`hsl(288.1,47.3%,56.1%)`
HSV (or HSB)	288.1°, 54.1, 76.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.301, 50.872, -41.049
XYZ	31.298, 20.413, 54.513
xyY	0.295, 0.192, 20.413
CIE-LCH	52.301, 65.368, 321.1
CIE-LUV	52.301, 35.375, -69.119
Hunter-Lab	45.181, 44.586, -39.91
Binary	10101111, 01011010, 11000100

#af5ac4
```
#af5ac4 rgb(175,90,196)
```
#6fc45a
```
#6fc45a rgb(111,196,90)
```

Complementary Color

#7a5ac4
```
#7a5ac4 rgb(122,90,196)
```
#af5ac4
```
#af5ac4 rgb(175,90,196)
```
#c45aa4
```
#c45aa4 rgb(196,90,164)
```

Analogous Color

#5ac47a
```
#5ac47a rgb(90,196,122)
```
#af5ac4
```
#af5ac4 rgb(175,90,196)
```
#a4c45a
```
#a4c45a rgb(164,196,90)
```

Split Complementary Color

#5ac4af
```
#5ac4af rgb(90,196,175)
```
#af5ac4
```
#af5ac4 rgb(175,90,196)
```
#c4af5a
```
#c4af5a rgb(196,175,90)
```

Triadic Color

#5a6fc4
```
#5a6fc4 rgb(90,111,196)
```
#af5ac4
```
#af5ac4 rgb(175,90,196)
```
#c4af5a
```
#c4af5a rgb(196,175,90)
```
#6fc45a
```
#6fc45a rgb(111,196,90)
```

Tetradic Color

#87379a
```
#87379a rgb(135,55,154)
```
#973ead
```
#973ead rgb(151,62,173)
```
#a647bd
```
#a647bd rgb(166,71,189)
```
#af5ac4
```
#af5ac4 rgb(175,90,196)
```
#b86dcb
```
#b86dcb rgb(184,109,203)
```
#c180d1
```
#c180d1 rgb(193,128,209)
```
#ca92d8
```
#ca92d8 rgb(202,146,216)
```

Monochromatic Color

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

#955ac4
```
#955ac4 rgb(149,90,196)
```
#9d5ac4
```
#9d5ac4 rgb(157,90,196)
```
#a65ac4
```
#a65ac4 rgb(166,90,196)
```
#af5ac4
```
#af5ac4 rgb(175,90,196)
```
#b85ac4
```
#b85ac4 rgb(184,90,196)
```
#c15ac4
```
#c15ac4 rgb(193,90,196)
```
#c45abf
```
#c45abf rgb(196,90,191)
```

Similar Colors

Text with hexadecimal color #af5ac4

This text has a font color of #af5ac4.

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

#af5ac4 background color

This paragraph has a background color of #af5ac4.

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

#af5ac4 border color

This element has a border color of #af5ac4.

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

CSS codes

.text {color:#af5ac4;}

.background {background-color:#af5ac4;}

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

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

#070308
```
#070308 rgb(7,3,8)
```
#140817
```
#140817 rgb(20,8,23)
```
#210d25
```
#210d25 rgb(33,13,37)
```
#2d1234
```
#2d1234 rgb(45,18,52)
```
#3a1842
```
#3a1842 rgb(58,24,66)
```
#461d51
```
#461d51 rgb(70,29,81)
```
#53225f
```
#53225f rgb(83,34,95)
```
#60276e
```
#60276e rgb(96,39,110)
```
#6c2c7c
```
#6c2c7c rgb(108,44,124)
```
#79318a
```
#79318a rgb(121,49,138)
```
#853799
```
#853799 rgb(133,55,153)
```
#923ca7
```
#923ca7 rgb(146,60,167)
```
#9f41b6
```
#9f41b6 rgb(159,65,182)
```

Shade Color Variation

#a84cbf
```
#a84cbf rgb(168,76,191)
```
#af5ac4
```
#af5ac4 rgb(175,90,196)
```
#b668c9
```
#b668c9 rgb(182,104,201)
```
#bd77ce
```
#bd77ce rgb(189,119,206)
```
#c485d3
```
#c485d3 rgb(196,133,211)
```
#cb94d9
```
#cb94d9 rgb(203,148,217)
```
#d2a2de
```
#d2a2de rgb(210,162,222)
```
#d9b1e3
```
#d9b1e3 rgb(217,177,227)
```
#e0bfe8
```
#e0bfe8 rgb(224,191,232)
```
#e7ceed
```
#e7ceed rgb(231,206,237)
```
#eedcf2
```
#eedcf2 rgb(238,220,242)
```
#f5eaf8
```
#f5eaf8 rgb(245,234,248)
```
#fcf9fd
```
#fcf9fd rgb(252,249,253)
```

Tint Color Variation

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

#908e90
```
#908e90 rgb(144,142,144)
```
#958599
```
#958599 rgb(149,133,153)
```
#9a7ca2
```
#9a7ca2 rgb(154,124,162)
```
#9f74aa
```
#9f74aa rgb(159,116,170)
```
#a56bb3
```
#a56bb3 rgb(165,107,179)
```
#aa63bb
```
#aa63bb rgb(170,99,187)
```
#af5ac4
```
#af5ac4 rgb(175,90,196)
```
#b451cd
```
#b451cd rgb(180,81,205)
```
#b949d5
```
#b949d5 rgb(185,73,213)
```
#bf40de
```
#bf40de rgb(191,64,222)
```
#c438e6
```
#c438e6 rgb(196,56,230)
```
#c92fef
```
#c92fef rgb(201,47,239)
```
#ce26f8
```
#ce26f8 rgb(206,38,248)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#89788d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5280de Protanopia 1% of men
#6782bc Deuteranopia 1% of men
#a7767e Tritanopia 0.001% of the population

Trichromacy

#7472d4 Protanomaly 1% of men, 0.01% of women
#8174bf Deuteranomaly 6% of men, 0.4% of women
#aa6c97 Tritanomaly 0.01% of the population

#af5ac4 hex color

#af5ac4 Color Information

#af5ac4 Color Conversion

Color Schemes with #af5ac4

Alternatives to #af5ac4

#af5ac4 Preview

Shades and Tints of #af5ac4

Tones of #af5ac4

Color Blindness Simulator