#af164d hex color

In a RGB color space, hex #af164d is composed of 68.6% red, 8.6% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.4% magenta, 56% yellow and 31.4% black. It has a hue angle of 338.4 degrees, a saturation of 77.7% and a lightness of 38.6%. #af164d color hex could be obtained by blending #ff2c9a with #5f0000. Closest websafe color is: #990066.

♥
- f
- t
- g
- R 69
- G 9
- B 30
RGB color chart
- C 0
- M 87
- Y 56
- K 31
CMYK color chart

● #af164d color description : Dark pink.

The hexadecimal color #af164d has RGB values of R:175, G:22, B:77 and CMYK values of C:0, M:0.87, Y:0.56, K:0.31. Its decimal value is 11474509.

Hex triplet	af164d	`#af164d`
RGB Decimal	175, 22, 77	`rgb(175,22,77)`
RGB Percent	68.6, 8.6, 30.2	`rgb(68.6%,8.6%,30.2%)`
CMYK	0, 87, 56, 31
HSL	338.4°, 77.7, 38.6	`hsl(338.4,77.7%,38.6%)`
HSV (or HSB)	338.4°, 87.4, 68.6
Web Safe	990066	`#990066`

CIE-LAB	38.245, 60.103, 9.835
XYZ	19.306, 10.226, 7.978
xyY	0.515, 0.273, 10.226
CIE-LCH	38.245, 60.902, 9.294
CIE-LUV	38.245, 96.906, -0.14
Hunter-Lab	31.978, 51.807, 7.593
Binary	10101111, 00010110, 01001101

#af164d
```
#af164d rgb(175,22,77)
```
#16af78
```
#16af78 rgb(22,175,120)
```

Complementary Color

#af169a
```
#af169a rgb(175,22,154)
```
#af164d
```
#af164d rgb(175,22,77)
```
#af2c16
```
#af2c16 rgb(175,44,22)
```

Analogous Color

#169aaf
```
#169aaf rgb(22,154,175)
```
#af164d
```
#af164d rgb(175,22,77)
```
#16af2c
```
#16af2c rgb(22,175,44)
```

Split Complementary Color

#164daf
```
#164daf rgb(22,77,175)
```
#af164d
```
#af164d rgb(175,22,77)
```
#4daf16
```
#4daf16 rgb(77,175,22)
```

Triadic Color

#7816af
```
#7816af rgb(120,22,175)
```
#af164d
```
#af164d rgb(175,22,77)
```
#4daf16
```
#4daf16 rgb(77,175,22)
```
#16af78
```
#16af78 rgb(22,175,120)
```

Tetradic Color

#6b0d2f
```
#6b0d2f rgb(107,13,47)
```
#821039
```
#821039 rgb(130,16,57)
```
#981343
```
#981343 rgb(152,19,67)
```
#af164d
```
#af164d rgb(175,22,77)
```
#c61957
```
#c61957 rgb(198,25,87)
```
#dc1c61
```
#dc1c61 rgb(220,28,97)
```
#e52d6f
```
#e52d6f rgb(229,45,111)
```

Monochromatic Color

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

#af1673
```
#af1673 rgb(175,22,115)
```
#af1667
```
#af1667 rgb(175,22,103)
```
#af165a
```
#af165a rgb(175,22,90)
```
#af164d
```
#af164d rgb(175,22,77)
```
#af1640
```
#af1640 rgb(175,22,64)
```
#af1633
```
#af1633 rgb(175,22,51)
```
#af1627
```
#af1627 rgb(175,22,39)
```

Similar Colors

Text with hexadecimal color #af164d

This text has a font color of #af164d.

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

#af164d background color

This paragraph has a background color of #af164d.

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

#af164d border color

This element has a border color of #af164d.

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

CSS codes

.text {color:#af164d;}

.background {background-color:#af164d;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120208
```
#120208 rgb(18,2,8)
```
#240410
```
#240410 rgb(36,4,16)
```
#350717
```
#350717 rgb(53,7,23)
```
#46091f
```
#46091f rgb(70,9,31)
```
#580b27
```
#580b27 rgb(88,11,39)
```
#690d2e
```
#690d2e rgb(105,13,46)
```
#7b0f36
```
#7b0f36 rgb(123,15,54)
```
#8c123e
```
#8c123e rgb(140,18,62)
```
#9e1445
```
#9e1445 rgb(158,20,69)
```
#af164d
```
#af164d rgb(175,22,77)
```
#c01855
```
#c01855 rgb(192,24,85)
```
#d21a5c
```
#d21a5c rgb(210,26,92)
```

Shade Color Variation

#e31d64
```
#e31d64 rgb(227,29,100)
```
#e52f70
```
#e52f70 rgb(229,47,112)
```
#e7407c
```
#e7407c rgb(231,64,124)
```
#e95288
```
#e95288 rgb(233,82,136)
```
#eb6394
```
#eb6394 rgb(235,99,148)
```
#ee74a0
```
#ee74a0 rgb(238,116,160)
```
#f086ac
```
#f086ac rgb(240,134,172)
```
#f297b8
```
#f297b8 rgb(242,151,184)
```
#f4a9c4
```
#f4a9c4 rgb(244,169,196)
```
#f6bad0
```
#f6bad0 rgb(246,186,208)
```
#f9cbdc
```
#f9cbdc rgb(249,203,220)
```
#fbdde8
```
#fbdde8 rgb(251,221,232)
```
#fdeef4
```
#fdeef4 rgb(253,238,244)
```

Tint Color Variation

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

#636262
```
#636262 rgb(99,98,98)
```
#6b5a60
```
#6b5a60 rgb(107,90,96)
```
#72535e
```
#72535e rgb(114,83,94)
```
#7a4b5c
```
#7a4b5c rgb(122,75,92)
```
#82435a
```
#82435a rgb(130,67,90)
```
#893c58
```
#893c58 rgb(137,60,88)
```
#913456
```
#913456 rgb(145,52,86)
```
#982d53
```
#982d53 rgb(152,45,83)
```
#a02551
```
#a02551 rgb(160,37,81)
```
#a71e4f
```
#a71e4f rgb(167,30,79)
```
#af164d
```
#af164d rgb(175,22,77)
```
#b70e4b
```
#b70e4b rgb(183,14,75)
```
#be0749
```
#be0749 rgb(190,7,73)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5e404b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6170 Protanopia 1% of men
#735e4c Deuteranopia 1% of men
#b12e2f Tritanopia 0.001% of the population

Trichromacy

#7c4663 Protanomaly 1% of men, 0.01% of women
#88444c Deuteranomaly 6% of men, 0.4% of women
#b0253a Tritanomaly 0.01% of the population

#af164d hex color

#af164d Color Information

#af164d Color Conversion

Color Schemes with #af164d

Alternatives to #af164d

#af164d Preview

Shades and Tints of #af164d

Tones of #af164d

Color Blindness Simulator