colorhexa.com

#af0c88 hex color

In a RGB color space, hex #af0c88 is composed of 68.6% red, 4.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.1% magenta, 22.3% yellow and 31.4% black. It has a hue angle of 314.4 degrees, a saturation of 87.2% and a lightness of 36.7%. #af0c88 color hex could be obtained by blending #ff18ff with #5f0011. Closest websafe color is: #990099.

- R 69
- G 5
- B 53
RGB color chart
- C 0
- M 93
- Y 22
- K 31
CMYK color chart

● #af0c88 color description : Dark magenta.

The hexadecimal color #af0c88 has RGB values of R:175, G:12, B:136 and CMYK values of C:0, M:0.93, Y:0.22, K:0.31. Its decimal value is 11472008.

Hex triplet	af0c88	`#af0c88`
RGB Decimal	175, 12, 136	`rgb(175,12,136)`
RGB Percent	68.6, 4.7, 53.3	`rgb(68.6%,4.7%,53.3%)`
CMYK	0, 93, 22, 31
HSL	314.4°, 87.2, 36.7	`hsl(314.4,87.2%,36.7%)`
HSV (or HSB)	314.4°, 93.1, 68.6
Web Safe	990099	`#990099`

CIE-LAB	39.843, 67.474, -24.988
XYZ	22.255, 11.157, 24.273
xyY	0.386, 0.193, 11.157
CIE-LCH	39.843, 71.952, 339.678
CIE-LUV	39.843, 73.23, -44.395
Hunter-Lab	33.401, 60.479, -19.705
Binary	10101111, 00001100, 10001000

#af0c88
```
#af0c88 rgb(175,12,136)
```
#0caf33
```
#0caf33 rgb(12,175,51)
```

Complementary Color

#850caf
```
#850caf rgb(133,12,175)
```
#af0c88
```
#af0c88 rgb(175,12,136)
```
#af0c37
```
#af0c37 rgb(175,12,55)
```

Analogous Color

#0caf85
```
#0caf85 rgb(12,175,133)
```
#af0c88
```
#af0c88 rgb(175,12,136)
```
#37af0c
```
#37af0c rgb(55,175,12)
```

Split Complementary Color

#0c88af
```
#0c88af rgb(12,136,175)
```
#af0c88
```
#af0c88 rgb(175,12,136)
```
#88af0c
```
#88af0c rgb(136,175,12)
```

Triadic Color

#330caf
```
#330caf rgb(51,12,175)
```
#af0c88
```
#af0c88 rgb(175,12,136)
```
#88af0c
```
#88af0c rgb(136,175,12)
```
#0caf33
```
#0caf33 rgb(12,175,51)
```

Tetradic Color

#670750
```
#670750 rgb(103,7,80)
```
#7f0963
```
#7f0963 rgb(127,9,99)
```
#970a75
```
#970a75 rgb(151,10,117)
```
#af0c88
```
#af0c88 rgb(175,12,136)
```
#c70e9b
```
#c70e9b rgb(199,14,155)
```
#df0fad
```
#df0fad rgb(223,15,173)
```
#ef18bc
```
#ef18bc rgb(239,24,188)
```

Monochromatic Color

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

#ad0caf
```
#ad0caf rgb(173,12,175)
```
#af0ca3
```
#af0ca3 rgb(175,12,163)
```
#af0c96
```
#af0c96 rgb(175,12,150)
```
#af0c88
```
#af0c88 rgb(175,12,136)
```
#af0c7a
```
#af0c7a rgb(175,12,122)
```
#af0c6d
```
#af0c6d rgb(175,12,109)
```
#af0c5f
```
#af0c5f rgb(175,12,95)
```

Similar Colors

Text with hexadecimal color #af0c88

This text has a font color of #af0c88.

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

#af0c88 background color

This paragraph has a background color of #af0c88.

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

#af0c88 border color

This element has a border color of #af0c88.

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

CSS codes

.text {color:#af0c88;}

.background {background-color:#af0c88;}

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

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

#0a0108
```
#0a0108 rgb(10,1,8)
```
#1c0216
```
#1c0216 rgb(28,2,22)
```
#2f0324
```
#2f0324 rgb(47,3,36)
```
#410432
```
#410432 rgb(65,4,50)
```
#530641
```
#530641 rgb(83,6,65)
```
#66074f
```
#66074f rgb(102,7,79)
```
#78085d
```
#78085d rgb(120,8,93)
```
#8a096b
```
#8a096b rgb(138,9,107)
```
#9d0b7a
```
#9d0b7a rgb(157,11,122)
```
#af0c88
```
#af0c88 rgb(175,12,136)
```
#c10d96
```
#c10d96 rgb(193,13,150)
```
#d40fa5
```
#d40fa5 rgb(212,15,165)
```
#e610b3
```
#e610b3 rgb(230,16,179)
```

Shade Color Variation

#ef1abc
```
#ef1abc rgb(239,26,188)
```
#f12dc2
```
#f12dc2 rgb(241,45,194)
```
#f23fc7
```
#f23fc7 rgb(242,63,199)
```
#f351cc
```
#f351cc rgb(243,81,204)
```
#f464d2
```
#f464d2 rgb(244,100,210)
```
#f676d7
```
#f676d7 rgb(246,118,215)
```
#f788dc
```
#f788dc rgb(247,136,220)
```
#f89be2
```
#f89be2 rgb(248,155,226)
```
#f9ade7
```
#f9ade7 rgb(249,173,231)
```
#fbbfec
```
#fbbfec rgb(251,191,236)
```
#fcd2f2
```
#fcd2f2 rgb(252,210,242)
```
#fde4f7
```
#fde4f7 rgb(253,228,247)
```
#fef6fd
```
#fef6fd rgb(254,246,253)
```

Tint Color Variation

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

#605b5f
```
#605b5f rgb(96,91,95)
```
#675462
```
#675462 rgb(103,84,98)
```
#6e4d66
```
#6e4d66 rgb(110,77,102)
```
#75466a
```
#75466a rgb(117,70,106)
```
#7d3e6e
```
#7d3e6e rgb(125,62,110)
```
#843771
```
#843771 rgb(132,55,113)
```
#8b3075
```
#8b3075 rgb(139,48,117)
```
#922979
```
#922979 rgb(146,41,121)
```
#99227d
```
#99227d rgb(153,34,125)
```
#a11a80
```
#a11a80 rgb(161,26,128)
```
#a81384
```
#a81384 rgb(168,19,132)
```
#af0c88
```
#af0c88 rgb(175,12,136)
```
#b6058c
```
#b6058c rgb(182,5,140)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5f3e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c63ba Protanopia 1% of men
#606480 Deuteranopia 1% of men
#ac3f42 Tritanopia 0.001% of the population

Trichromacy

#5b43a7 Protanomaly 1% of men, 0.01% of women
#7d4483 Deuteranomaly 6% of men, 0.4% of women
#ad2c5b Tritanomaly 0.01% of the population