#af5b5e hex color

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

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

● #af5b5e color description : Dark moderate red.

The hexadecimal color #af5b5e has RGB values of R:175, G:91, B:94 and CMYK values of C:0, M:0.48, Y:0.46, K:0.31. Its decimal value is 11492190.

Hex triplet	af5b5e	`#af5b5e`
RGB Decimal	175, 91, 94	`rgb(175,91,94)`
RGB Percent	68.6, 35.7, 36.9	`rgb(68.6%,35.7%,36.9%)`
CMYK	0, 48, 46, 31
HSL	357.9°, 34.4, 52.2	`hsl(357.9,34.4%,52.2%)`
HSV (or HSB)	357.9°, 48, 68.6
Web Safe	996666	`#996666`

CIE-LAB	48.768, 34.386, 13.913
XYZ	23.441, 17.406, 12.714
xyY	0.438, 0.325, 17.406
CIE-LCH	48.768, 37.094, 22.029
CIE-LUV	48.768, 58.798, 10.874
Hunter-Lab	41.721, 27.281, 11.136
Binary	10101111, 01011011, 01011110

#af5b5e
```
#af5b5e rgb(175,91,94)
```
#5bafac
```
#5bafac rgb(91,175,172)
```

Complementary Color

#af5b88
```
#af5b88 rgb(175,91,136)
```
#af5b5e
```
#af5b5e rgb(175,91,94)
```
#af825b
```
#af825b rgb(175,130,91)
```

Analogous Color

#5b88af
```
#5b88af rgb(91,136,175)
```
#af5b5e
```
#af5b5e rgb(175,91,94)
```
#5baf82
```
#5baf82 rgb(91,175,130)
```

Split Complementary Color

#5b5eaf
```
#5b5eaf rgb(91,94,175)
```
#af5b5e
```
#af5b5e rgb(175,91,94)
```
#5eaf5b
```
#5eaf5b rgb(94,175,91)
```

Triadic Color

#ac5baf
```
#ac5baf rgb(172,91,175)
```
#af5b5e
```
#af5b5e rgb(175,91,94)
```
#5eaf5b
```
#5eaf5b rgb(94,175,91)
```
#5bafac
```
#5bafac rgb(91,175,172)
```

Tetradic Color

#7f3e40
```
#7f3e40 rgb(127,62,64)
```
#914649
```
#914649 rgb(145,70,73)
```
#a24f52
```
#a24f52 rgb(162,79,82)
```
#af5b5e
```
#af5b5e rgb(175,91,94)
```
#b76c6f
```
#b76c6f rgb(183,108,111)
```
#c07d80
```
#c07d80 rgb(192,125,128)
```
#c88e90
```
#c88e90 rgb(200,142,144)
```

Monochromatic Color

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

#af5b73
```
#af5b73 rgb(175,91,115)
```
#af5b6c
```
#af5b6c rgb(175,91,108)
```
#af5b65
```
#af5b65 rgb(175,91,101)
```
#af5b5e
```
#af5b5e rgb(175,91,94)
```
#af5f5b
```
#af5f5b rgb(175,95,91)
```
#af665b
```
#af665b rgb(175,102,91)
```
#af6d5b
```
#af6d5b rgb(175,109,91)
```

Similar Colors

Text with hexadecimal color #af5b5e

This text has a font color of #af5b5e.

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

#af5b5e background color

This paragraph has a background color of #af5b5e.

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

#af5b5e border color

This element has a border color of #af5b5e.

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

CSS codes

.text {color:#af5b5e;}

.background {background-color:#af5b5e;}

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

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

#070404
```
#070404 rgb(7,4,4)
```
#150a0a
```
#150a0a rgb(21,10,10)
```
#221011
```
#221011 rgb(34,16,17)
```
#2f1718
```
#2f1718 rgb(47,23,24)
```
#3c1d1e
```
#3c1d1e rgb(60,29,30)
```
#492425
```
#492425 rgb(73,36,37)
```
#562a2c
```
#562a2c rgb(86,42,44)
```
#643132
```
#643132 rgb(100,49,50)
```
#713739
```
#713739 rgb(113,55,57)
```
#7e3d40
```
#7e3d40 rgb(126,61,64)
```
#8b4446
```
#8b4446 rgb(139,68,70)
```
#984a4d
```
#984a4d rgb(152,74,77)
```
#a65154
```
#a65154 rgb(166,81,84)
```

Shade Color Variation

#af5b5e
```
#af5b5e rgb(175,91,94)
```
#b5686b
```
#b5686b rgb(181,104,107)
```
#bc7578
```
#bc7578 rgb(188,117,120)
```
#c28385
```
#c28385 rgb(194,131,133)
```
#c99092
```
#c99092 rgb(201,144,146)
```
#cf9d9f
```
#cf9d9f rgb(207,157,159)
```
#d6aaac
```
#d6aaac rgb(214,170,172)
```
#dcb7b9
```
#dcb7b9 rgb(220,183,185)
```
#e2c4c6
```
#e2c4c6 rgb(226,196,198)
```
#e9d2d2
```
#e9d2d2 rgb(233,210,210)
```
#efdfdf
```
#efdfdf rgb(239,223,223)
```
#f6ecec
```
#f6ecec rgb(246,236,236)
```
#fcf9f9
```
#fcf9f9 rgb(252,249,249)
```

Tint Color Variation

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

#898181
```
#898181 rgb(137,129,129)
```
#937778
```
#937778 rgb(147,119,120)
```
#9c6e6f
```
#9c6e6f rgb(156,110,111)
```
#a66467
```
#a66467 rgb(166,100,103)
```
#af5b5e
```
#af5b5e rgb(175,91,94)
```
#b85255
```
#b85255 rgb(184,82,85)
```
#c2484d
```
#c2484d rgb(194,72,77)
```
#cb3f44
```
#cb3f44 rgb(203,63,68)
```
#d5353b
```
#d5353b rgb(213,53,59)
```
#de2c32
```
#de2c32 rgb(222,44,50)
```
#e7232a
```
#e7232a rgb(231,35,42)
```
#f11921
```
#f11921 rgb(241,25,33)
```
#fa1018
```
#fa1018 rgb(250,16,24)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#806f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7a70 Protanopia 1% of men
#8f7661 Deuteranopia 1% of men
#b36369 Tritanopia 0.001% of the population

Trichromacy

#906f69 Protanomaly 1% of men, 0.01% of women
#9a6c60 Deuteranomaly 6% of men, 0.4% of women
#b16065 Tritanomaly 0.01% of the population

#af5b5e hex color

#af5b5e Color Information

#af5b5e Color Conversion

Color Schemes with #af5b5e

Alternatives to #af5b5e

#af5b5e Preview

Shades and Tints of #af5b5e

Tones of #af5b5e

Color Blindness Simulator