#af5b76 hex color

In a RGB color space, hex #af5b76 is composed of 68.6% red, 35.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 340.7 degrees, a saturation of 34.4% and a lightness of 52.2%. #af5b76 color hex could be obtained by blending #ffb6ec with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 36
- B 46
RGB color chart
- C 0
- M 48
- Y 33
- K 31
CMYK color chart

● #af5b76 color description : Dark moderate pink.

The hexadecimal color #af5b76 has RGB values of R:175, G:91, B:118 and CMYK values of C:0, M:0.48, Y:0.33, K:0.31. Its decimal value is 11492214.

Hex triplet	af5b76	`#af5b76`
RGB Decimal	175, 91, 118	`rgb(175,91,118)`
RGB Percent	68.6, 35.7, 46.3	`rgb(68.6%,35.7%,46.3%)`
CMYK	0, 48, 33, 31
HSL	340.7°, 34.4, 52.2	`hsl(340.7,34.4%,52.2%)`
HSV (or HSB)	340.7°, 48, 68.6
Web Safe	996666	`#996666`

CIE-LAB	49.382, 37.214, 0.391
XYZ	24.69, 17.906, 19.294
xyY	0.399, 0.289, 17.906
CIE-LCH	49.382, 37.216, 0.602
CIE-LUV	49.382, 53.542, -6.049
Hunter-Lab	42.315, 30.101, 2.586
Binary	10101111, 01011011, 01110110

#af5b76
```
#af5b76 rgb(175,91,118)
```
#5baf94
```
#5baf94 rgb(91,175,148)
```

Complementary Color

#af5ba0
```
#af5ba0 rgb(175,91,160)
```
#af5b76
```
#af5b76 rgb(175,91,118)
```
#af6a5b
```
#af6a5b rgb(175,106,91)
```

Analogous Color

#5ba0af
```
#5ba0af rgb(91,160,175)
```
#af5b76
```
#af5b76 rgb(175,91,118)
```
#5baf6a
```
#5baf6a rgb(91,175,106)
```

Split Complementary Color

#5b76af
```
#5b76af rgb(91,118,175)
```
#af5b76
```
#af5b76 rgb(175,91,118)
```
#76af5b
```
#76af5b rgb(118,175,91)
```

Triadic Color

#945baf
```
#945baf rgb(148,91,175)
```
#af5b76
```
#af5b76 rgb(175,91,118)
```
#76af5b
```
#76af5b rgb(118,175,91)
```
#5baf94
```
#5baf94 rgb(91,175,148)
```

Tetradic Color

#7f3e53
```
#7f3e53 rgb(127,62,83)
```
#91465e
```
#91465e rgb(145,70,94)
```
#a24f69
```
#a24f69 rgb(162,79,105)
```
#af5b76
```
#af5b76 rgb(175,91,118)
```
#b76c84
```
#b76c84 rgb(183,108,132)
```
#c07d93
```
#c07d93 rgb(192,125,147)
```
#c88ea1
```
#c88ea1 rgb(200,142,161)
```

Monochromatic Color

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

#af5b8b
```
#af5b8b rgb(175,91,139)
```
#af5b84
```
#af5b84 rgb(175,91,132)
```
#af5b7d
```
#af5b7d rgb(175,91,125)
```
#af5b76
```
#af5b76 rgb(175,91,118)
```
#af5b6f
```
#af5b6f rgb(175,91,111)
```
#af5b68
```
#af5b68 rgb(175,91,104)
```
#af5b61
```
#af5b61 rgb(175,91,97)
```

Similar Colors

Text with hexadecimal color #af5b76

This text has a font color of #af5b76.

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

#af5b76 background color

This paragraph has a background color of #af5b76.

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

#af5b76 border color

This element has a border color of #af5b76.

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

CSS codes

.text {color:#af5b76;}

.background {background-color:#af5b76;}

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

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

#070405
```
#070405 rgb(7,4,5)
```
#150a0d
```
#150a0d rgb(21,10,13)
```
#221016
```
#221016 rgb(34,16,22)
```
#2f171f
```
#2f171f rgb(47,23,31)
```
#3c1d27
```
#3c1d27 rgb(60,29,39)
```
#492430
```
#492430 rgb(73,36,48)
```
#562a38
```
#562a38 rgb(86,42,56)
```
#643141
```
#643141 rgb(100,49,65)
```
#71374a
```
#71374a rgb(113,55,74)
```
#7e3d52
```
#7e3d52 rgb(126,61,82)
```
#8b445b
```
#8b445b rgb(139,68,91)
```
#984a63
```
#984a63 rgb(152,74,99)
```
#a6516c
```
#a6516c rgb(166,81,108)
```

Shade Color Variation

#af5b76
```
#af5b76 rgb(175,91,118)
```
#b56881
```
#b56881 rgb(181,104,129)
```
#bc758c
```
#bc758c rgb(188,117,140)
```
#c28397
```
#c28397 rgb(194,131,151)
```
#c990a2
```
#c990a2 rgb(201,144,162)
```
#cf9dad
```
#cf9dad rgb(207,157,173)
```
#d6aab8
```
#d6aab8 rgb(214,170,184)
```
#dcb7c3
```
#dcb7c3 rgb(220,183,195)
```
#e2c4ce
```
#e2c4ce rgb(226,196,206)
```
#e9d2d9
```
#e9d2d9 rgb(233,210,217)
```
#efdfe4
```
#efdfe4 rgb(239,223,228)
```
#f6ecef
```
#f6ecef rgb(246,236,239)
```
#fcf9fa
```
#fcf9fa rgb(252,249,250)
```

Tint Color Variation

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

#898183
```
#898183 rgb(137,129,131)
```
#937780
```
#937780 rgb(147,119,128)
```
#9c6e7d
```
#9c6e7d rgb(156,110,125)
```
#a66479
```
#a66479 rgb(166,100,121)
```
#af5b76
```
#af5b76 rgb(175,91,118)
```
#b85273
```
#b85273 rgb(184,82,115)
```
#c2486f
```
#c2486f rgb(194,72,111)
```
#cb3f6c
```
#cb3f6c rgb(203,63,108)
```
#d53569
```
#d53569 rgb(213,53,105)
```
#de2c65
```
#de2c65 rgb(222,44,101)
```
#e72362
```
#e72362 rgb(231,35,98)
```
#f1195f
```
#f1195f rgb(241,25,95)
```
#fa105b
```
#fa105b rgb(250,16,91)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#827177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7b8a Protanopia 1% of men
#897877 Deuteranopia 1% of men
#b1666d Tritanopia 0.001% of the population

Trichromacy

#8d6f82 Protanomaly 1% of men, 0.01% of women
#976d77 Deuteranomaly 6% of men, 0.4% of women
#b06270 Tritanomaly 0.01% of the population

#af5b76 hex color

#af5b76 Color Information

#af5b76 Color Conversion

Color Schemes with #af5b76

Alternatives to #af5b76

#af5b76 Preview

Shades and Tints of #af5b76

Tones of #af5b76

Color Blindness Simulator