#af163d hex color

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

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

● #af163d color description : Dark pink.

The hexadecimal color #af163d has RGB values of R:175, G:22, B:61 and CMYK values of C:0, M:0.87, Y:0.65, K:0.31. Its decimal value is 11474493.

Hex triplet	af163d	`#af163d`
RGB Decimal	175, 22, 61	`rgb(175,22,61)`
RGB Percent	68.6, 8.6, 23.9	`rgb(68.6%,8.6%,23.9%)`
CMYK	0, 87, 65, 31
HSL	344.7°, 77.7, 38.6	`hsl(344.7,77.7%,38.6%)`
HSV (or HSB)	344.7°, 87.4, 68.6
Web Safe	990033	`#990033`

CIE-LAB	37.891, 59.084, 19.618
XYZ	18.809, 10.027, 5.36
xyY	0.55, 0.293, 10.027
CIE-LCH	37.891, 62.256, 18.368
CIE-LUV	37.891, 102.557, 9.207
Hunter-Lab	31.665, 50.614, 12.13
Binary	10101111, 00010110, 00111101

#af163d
```
#af163d rgb(175,22,61)
```
#16af88
```
#16af88 rgb(22,175,136)
```

Complementary Color

#af168a
```
#af168a rgb(175,22,138)
```
#af163d
```
#af163d rgb(175,22,61)
```
#af3c16
```
#af3c16 rgb(175,60,22)
```

Analogous Color

#168aaf
```
#168aaf rgb(22,138,175)
```
#af163d
```
#af163d rgb(175,22,61)
```
#16af3c
```
#16af3c rgb(22,175,60)
```

Split Complementary Color

#163daf
```
#163daf rgb(22,61,175)
```
#af163d
```
#af163d rgb(175,22,61)
```
#3daf16
```
#3daf16 rgb(61,175,22)
```

Triadic Color

#8816af
```
#8816af rgb(136,22,175)
```
#af163d
```
#af163d rgb(175,22,61)
```
#3daf16
```
#3daf16 rgb(61,175,22)
```
#16af88
```
#16af88 rgb(22,175,136)
```

Tetradic Color

#6b0d25
```
#6b0d25 rgb(107,13,37)
```
#82102d
```
#82102d rgb(130,16,45)
```
#981335
```
#981335 rgb(152,19,53)
```
#af163d
```
#af163d rgb(175,22,61)
```
#c61945
```
#c61945 rgb(198,25,69)
```
#dc1c4d
```
#dc1c4d rgb(220,28,77)
```
#e52d5c
```
#e52d5c rgb(229,45,92)
```

Monochromatic Color

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

#af1663
```
#af1663 rgb(175,22,99)
```
#af1656
```
#af1656 rgb(175,22,86)
```
#af164a
```
#af164a rgb(175,22,74)
```
#af163d
```
#af163d rgb(175,22,61)
```
#af1630
```
#af1630 rgb(175,22,48)
```
#af1623
```
#af1623 rgb(175,22,35)
```
#af1617
```
#af1617 rgb(175,22,23)
```

Similar Colors

Text with hexadecimal color #af163d

This text has a font color of #af163d.

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

#af163d background color

This paragraph has a background color of #af163d.

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

#af163d border color

This element has a border color of #af163d.

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

CSS codes

.text {color:#af163d;}

.background {background-color:#af163d;}

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

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 #fdeef2 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120206
```
#120206 rgb(18,2,6)
```
#24040c
```
#24040c rgb(36,4,12)
```
#350712
```
#350712 rgb(53,7,18)
```
#460919
```
#460919 rgb(70,9,25)
```
#580b1f
```
#580b1f rgb(88,11,31)
```
#690d25
```
#690d25 rgb(105,13,37)
```
#7b0f2b
```
#7b0f2b rgb(123,15,43)
```
#8c1231
```
#8c1231 rgb(140,18,49)
```
#9e1437
```
#9e1437 rgb(158,20,55)
```
#af163d
```
#af163d rgb(175,22,61)
```
#c01843
```
#c01843 rgb(192,24,67)
```
#d21a49
```
#d21a49 rgb(210,26,73)
```

Shade Color Variation

#e31d50
```
#e31d50 rgb(227,29,80)
```
#e52f5d
```
#e52f5d rgb(229,47,93)
```
#e7406b
```
#e7406b rgb(231,64,107)
```
#e95278
```
#e95278 rgb(233,82,120)
```
#eb6386
```
#eb6386 rgb(235,99,134)
```
#ee7493
```
#ee7493 rgb(238,116,147)
```
#f086a1
```
#f086a1 rgb(240,134,161)
```
#f297ae
```
#f297ae rgb(242,151,174)
```
#f4a9bc
```
#f4a9bc rgb(244,169,188)
```
#f6bac9
```
#f6bac9 rgb(246,186,201)
```
#f9cbd7
```
#f9cbd7 rgb(249,203,215)
```
#fbdde5
```
#fbdde5 rgb(251,221,229)
```
#fdeef2
```
#fdeef2 rgb(253,238,242)
```

Tint Color Variation

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

#636262
```
#636262 rgb(99,98,98)
```
#6b5a5e
```
#6b5a5e rgb(107,90,94)
```
#72535b
```
#72535b rgb(114,83,91)
```
#7a4b57
```
#7a4b57 rgb(122,75,87)
```
#824353
```
#824353 rgb(130,67,83)
```
#893c50
```
#893c50 rgb(137,60,80)
```
#91344c
```
#91344c rgb(145,52,76)
```
#982d48
```
#982d48 rgb(152,45,72)
```
#a02544
```
#a02544 rgb(160,37,68)
```
#a71e41
```
#a71e41 rgb(167,30,65)
```
#af163d
```
#af163d rgb(175,22,61)
```
#b70e39
```
#b70e39 rgb(183,14,57)
```
#be0736
```
#be0736 rgb(190,7,54)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5d3e46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64615d Protanopia 1% of men
#755d3d Deuteranopia 1% of men
#b2292a Tritanopia 0.001% of the population

Trichromacy

#7f4551 Protanomaly 1% of men, 0.01% of women
#8a433d Deuteranomaly 6% of men, 0.4% of women
#b12231 Tritanomaly 0.01% of the population

#af163d hex color

#af163d Color Information

#af163d Color Conversion

Color Schemes with #af163d

Alternatives to #af163d

#af163d Preview

Shades and Tints of #af163d

Tones of #af163d

Color Blindness Simulator