#af506c hex color

In a RGB color space, hex #af506c is composed of 68.6% red, 31.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 38.3% yellow and 31.4% black. It has a hue angle of 342.3 degrees, a saturation of 37.3% and a lightness of 50%. #af506c color hex could be obtained by blending #ffa0d8 with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 31
- B 42
RGB color chart
- C 0
- M 54
- Y 38
- K 31
CMYK color chart

● #af506c color description : Dark moderate pink.

The hexadecimal color #af506c has RGB values of R:175, G:80, B:108 and CMYK values of C:0, M:0.54, Y:0.38, K:0.31. Its decimal value is 11489388.

Hex triplet	af506c	`#af506c`
RGB Decimal	175, 80, 108	`rgb(175,80,108)`
RGB Percent	68.6, 31.4, 42.4	`rgb(68.6%,31.4%,42.4%)`
CMYK	0, 54, 38, 31
HSL	342.3°, 37.3, 50	`hsl(342.3,37.3%,50%)`
HSV (or HSB)	342.3°, 54.3, 68.6
Web Safe	996666	`#996666`

CIE-LAB	46.89, 41.646, 2.809
XYZ	23.255, 15.936, 16.038
xyY	0.421, 0.289, 15.936
CIE-LCH	46.89, 41.741, 3.858
CIE-LUV	46.89, 62.074, -3.833
Hunter-Lab	39.92, 34.124, 4.124
Binary	10101111, 01010000, 01101100

#af506c
```
#af506c rgb(175,80,108)
```
#50af93
```
#50af93 rgb(80,175,147)
```

Complementary Color

#af509c
```
#af509c rgb(175,80,156)
```
#af506c
```
#af506c rgb(175,80,108)
```
#af6450
```
#af6450 rgb(175,100,80)
```

Analogous Color

#509caf
```
#509caf rgb(80,156,175)
```
#af506c
```
#af506c rgb(175,80,108)
```
#50af64
```
#50af64 rgb(80,175,100)
```

Split Complementary Color

#506caf
```
#506caf rgb(80,108,175)
```
#af506c
```
#af506c rgb(175,80,108)
```
#6caf50
```
#6caf50 rgb(108,175,80)
```

Triadic Color

#9350af
```
#9350af rgb(147,80,175)
```
#af506c
```
#af506c rgb(175,80,108)
```
#6caf50
```
#6caf50 rgb(108,175,80)
```
#50af93
```
#50af93 rgb(80,175,147)
```

Tetradic Color

#7b384c
```
#7b384c rgb(123,56,76)
```
#8c4056
```
#8c4056 rgb(140,64,86)
```
#9e4861
```
#9e4861 rgb(158,72,97)
```
#af506c
```
#af506c rgb(175,80,108)
```
#b7627b
```
#b7627b rgb(183,98,123)
```
#bf7389
```
#bf7389 rgb(191,115,137)
```
#c78598
```
#c78598 rgb(199,133,152)
```

Monochromatic Color

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

#af5084
```
#af5084 rgb(175,80,132)
```
#af507c
```
#af507c rgb(175,80,124)
```
#af5074
```
#af5074 rgb(175,80,116)
```
#af506c
```
#af506c rgb(175,80,108)
```
#af5064
```
#af5064 rgb(175,80,100)
```
#af505c
```
#af505c rgb(175,80,92)
```
#af5054
```
#af5054 rgb(175,80,84)
```

Similar Colors

Text with hexadecimal color #af506c

This text has a font color of #af506c.

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

#af506c background color

This paragraph has a background color of #af506c.

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

#af506c border color

This element has a border color of #af506c.

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

CSS codes

.text {color:#af506c;}

.background {background-color:#af506c;}

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

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

#0d0608
```
#0d0608 rgb(13,6,8)
```
#1b0c11
```
#1b0c11 rgb(27,12,17)
```
#281219
```
#281219 rgb(40,18,25)
```
#361921
```
#361921 rgb(54,25,33)
```
#431f2a
```
#431f2a rgb(67,31,42)
```
#512532
```
#512532 rgb(81,37,50)
```
#5e2b3a
```
#5e2b3a rgb(94,43,58)
```
#6c3142
```
#6c3142 rgb(108,49,66)
```
#79374b
```
#79374b rgb(121,55,75)
```
#873e53
```
#873e53 rgb(135,62,83)
```
#94445b
```
#94445b rgb(148,68,91)
```
#a24a64
```
#a24a64 rgb(162,74,100)
```
#af506c
```
#af506c rgb(175,80,108)
```

Shade Color Variation

#b55d77
```
#b55d77 rgb(181,93,119)
```
#bb6b83
```
#bb6b83 rgb(187,107,131)
```
#c1788e
```
#c1788e rgb(193,120,142)
```
#c88699
```
#c88699 rgb(200,134,153)
```
#ce93a5
```
#ce93a5 rgb(206,147,165)
```
#d4a1b0
```
#d4a1b0 rgb(212,161,176)
```
#daaebb
```
#daaebb rgb(218,174,187)
```
#e0bcc6
```
#e0bcc6 rgb(224,188,198)
```
#e6c9d2
```
#e6c9d2 rgb(230,201,210)
```
#edd7dd
```
#edd7dd rgb(237,215,221)
```
#f3e4e8
```
#f3e4e8 rgb(243,228,232)
```
#f9f2f4
```
#f9f2f4 rgb(249,242,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#88777c
```
#88777c rgb(136,119,124)
```
#926d78
```
#926d78 rgb(146,109,120)
```
#9b6474
```
#9b6474 rgb(155,100,116)
```
#a55a70
```
#a55a70 rgb(165,90,112)
```
#af506c
```
#af506c rgb(175,80,108)
```
#b94668
```
#b94668 rgb(185,70,104)
```
#c33c64
```
#c33c64 rgb(195,60,100)
```
#cc3360
```
#cc3360 rgb(204,51,96)
```
#d6295c
```
#d6295c rgb(214,41,92)
```
#e01f58
```
#e01f58 rgb(224,31,88)
```
#ea1554
```
#ea1554 rgb(234,21,84)
```
#f40b50
```
#f40b50 rgb(244,11,80)
```
#fd024c
```
#fd024c rgb(253,2,76)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7d6a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#747582 Protanopia 1% of men
#85726d Deuteranopia 1% of men
#b15c62 Tritanopia 0.001% of the population

Trichromacy

#8a687a Protanomaly 1% of men, 0.01% of women
#94666c Deuteranomaly 6% of men, 0.4% of women
#b05765 Tritanomaly 0.01% of the population

#af506c hex color

#af506c Color Information

#af506c Color Conversion

Color Schemes with #af506c

Alternatives to #af506c

#af506c Preview

Shades and Tints of #af506c

Tones of #af506c

Color Blindness Simulator