#af486b hex color

In a RGB color space, hex #af486b is composed of 68.6% red, 28.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 38.9% yellow and 31.4% black. It has a hue angle of 339.6 degrees, a saturation of 41.7% and a lightness of 48.4%. #af486b color hex could be obtained by blending #ff90d6 with #5f0000. Closest websafe color is: #993366.

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

● #af486b color description : Dark moderate pink.

The hexadecimal color #af486b has RGB values of R:175, G:72, B:107 and CMYK values of C:0, M:0.59, Y:0.39, K:0.31. Its decimal value is 11487339.

Hex triplet	af486b	`#af486b`
RGB Decimal	175, 72, 107	`rgb(175,72,107)`
RGB Percent	68.6, 28.2, 42	`rgb(68.6%,28.2%,42%)`
CMYK	0, 59, 39, 31
HSL	339.6°, 41.7, 48.4	`hsl(339.6,41.7%,48.4%)`
HSV (or HSB)	339.6°, 58.9, 68.6
Web Safe	993366	`#993366`

CIE-LAB	45.376, 45.442, 1.223
XYZ	22.651, 14.812, 15.575
xyY	0.427, 0.279, 14.812
CIE-LCH	45.376, 45.458, 1.541
CIE-LUV	45.376, 66.606, -6.552
Hunter-Lab	38.487, 37.702, 2.946
Binary	10101111, 01001000, 01101011

#af486b
```
#af486b rgb(175,72,107)
```
#48af8c
```
#48af8c rgb(72,175,140)
```

Complementary Color

#af489f
```
#af489f rgb(175,72,159)
```
#af486b
```
#af486b rgb(175,72,107)
```
#af5948
```
#af5948 rgb(175,89,72)
```

Analogous Color

#489faf
```
#489faf rgb(72,159,175)
```
#af486b
```
#af486b rgb(175,72,107)
```
#48af59
```
#48af59 rgb(72,175,89)
```

Split Complementary Color

#486baf
```
#486baf rgb(72,107,175)
```
#af486b
```
#af486b rgb(175,72,107)
```
#6baf48
```
#6baf48 rgb(107,175,72)
```

Triadic Color

#8c48af
```
#8c48af rgb(140,72,175)
```
#af486b
```
#af486b rgb(175,72,107)
```
#6baf48
```
#6baf48 rgb(107,175,72)
```
#48af8c
```
#48af8c rgb(72,175,140)
```

Tetradic Color

#79324a
```
#79324a rgb(121,50,74)
```
#8b3955
```
#8b3955 rgb(139,57,85)
```
#9d4160
```
#9d4160 rgb(157,65,96)
```
#af486b
```
#af486b rgb(175,72,107)
```
#ba5778
```
#ba5778 rgb(186,87,120)
```
#c16987
```
#c16987 rgb(193,105,135)
```
#c97b95
```
#c97b95 rgb(201,123,149)
```

Monochromatic Color

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

#af4885
```
#af4885 rgb(175,72,133)
```
#af487c
```
#af487c rgb(175,72,124)
```
#af4874
```
#af4874 rgb(175,72,116)
```
#af486b
```
#af486b rgb(175,72,107)
```
#af4862
```
#af4862 rgb(175,72,98)
```
#af485a
```
#af485a rgb(175,72,90)
```
#af4851
```
#af4851 rgb(175,72,81)
```

Similar Colors

Text with hexadecimal color #af486b

This text has a font color of #af486b.

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

#af486b background color

This paragraph has a background color of #af486b.

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

#af486b border color

This element has a border color of #af486b.

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

CSS codes

.text {color:#af486b;}

.background {background-color:#af486b;}

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

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

#080305
```
#080305 rgb(8,3,5)
```
#16090e
```
#16090e rgb(22,9,14)
```
#240f16
```
#240f16 rgb(36,15,22)
```
#32151f
```
#32151f rgb(50,21,31)
```
#401a27
```
#401a27 rgb(64,26,39)
```
#4e2030
```
#4e2030 rgb(78,32,48)
```
#5c2638
```
#5c2638 rgb(92,38,56)
```
#6a2b41
```
#6a2b41 rgb(106,43,65)
```
#773149
```
#773149 rgb(119,49,73)
```
#853752
```
#853752 rgb(133,55,82)
```
#933d5a
```
#933d5a rgb(147,61,90)
```
#a14263
```
#a14263 rgb(161,66,99)
```
#af486b
```
#af486b rgb(175,72,107)
```

Shade Color Variation

#b85375
```
#b85375 rgb(184,83,117)
```
#be6080
```
#be6080 rgb(190,96,128)
```
#c36e8b
```
#c36e8b rgb(195,110,139)
```
#c97c96
```
#c97c96 rgb(201,124,150)
```
#cf8aa2
```
#cf8aa2 rgb(207,138,162)
```
#d598ad
```
#d598ad rgb(213,152,173)
```
#daa6b8
```
#daa6b8 rgb(218,166,184)
```
#e0b4c3
```
#e0b4c3 rgb(224,180,195)
```
#e6c2ce
```
#e6c2ce rgb(230,194,206)
```
#ecd0d9
```
#ecd0d9 rgb(236,208,217)
```
#f1dee4
```
#f1dee4 rgb(241,222,228)
```
#f7ebef
```
#f7ebef rgb(247,235,239)
```
#fdf9fa
```
#fdf9fa rgb(253,249,250)
```

Tint Color Variation

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

#80787a
```
#80787a rgb(128,120,122)
```
#896e77
```
#896e77 rgb(137,110,119)
```
#936574
```
#936574 rgb(147,101,116)
```
#9c5b71
```
#9c5b71 rgb(156,91,113)
```
#a6526e
```
#a6526e rgb(166,82,110)
```
#af486b
```
#af486b rgb(175,72,107)
```
#b93f68
```
#b93f68 rgb(185,63,104)
```
#c23565
```
#c23565 rgb(194,53,101)
```
#cc2c62
```
#cc2c62 rgb(204,44,98)
```
#d5225f
```
#d5225f rgb(213,34,95)
```
#df195c
```
#df195c rgb(223,25,92)
```
#e80f59
```
#e80f59 rgb(232,15,89)
```
#f20556
```
#f20556 rgb(242,5,86)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#79646b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7283 Protanopia 1% of men
#806f6b Deuteranopia 1% of men
#b1565b Tritanopia 0.001% of the population

Trichromacy

#86627a Protanomaly 1% of men, 0.01% of women
#91616b Deuteranomaly 6% of men, 0.4% of women
#b05161 Tritanomaly 0.01% of the population

#af486b hex color

#af486b Color Information

#af486b Color Conversion

Color Schemes with #af486b

Alternatives to #af486b

#af486b Preview

Shades and Tints of #af486b

Tones of #af486b

Color Blindness Simulator