#af5a64 hex color

In a RGB color space, hex #af5a64 is composed of 68.6% red, 35.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 42.9% yellow and 31.4% black. It has a hue angle of 352.9 degrees, a saturation of 34.7% and a lightness of 52%. #af5a64 color hex could be obtained by blending #ffb4c8 with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 35
- B 39
RGB color chart
- C 0
- M 49
- Y 43
- K 31
CMYK color chart

● #af5a64 color description : Dark moderate red.

The hexadecimal color #af5a64 has RGB values of R:175, G:90, B:100 and CMYK values of C:0, M:0.49, Y:0.43, K:0.31. Its decimal value is 11491940.

Hex triplet	af5a64	`#af5a64`
RGB Decimal	175, 90, 100	`rgb(175,90,100)`
RGB Percent	68.6, 35.3, 39.2	`rgb(68.6%,35.3%,39.2%)`
CMYK	0, 49, 43, 31
HSL	352.9°, 34.7, 52	`hsl(352.9,34.7%,52%)`
HSV (or HSB)	352.9°, 48.6, 68.6
Web Safe	996666	`#996666`

CIE-LAB	48.696, 35.562, 10.217
XYZ	23.636, 17.348, 14.16
xyY	0.429, 0.315, 17.348
CIE-LCH	48.696, 37.001, 16.029
CIE-LUV	48.696, 58.159, 6.397
Hunter-Lab	41.651, 28.405, 9
Binary	10101111, 01011010, 01100100

#af5a64
```
#af5a64 rgb(175,90,100)
```
#5aafa5
```
#5aafa5 rgb(90,175,165)
```

Complementary Color

#af5a8f
```
#af5a8f rgb(175,90,143)
```
#af5a64
```
#af5a64 rgb(175,90,100)
```
#af7b5a
```
#af7b5a rgb(175,123,90)
```

Analogous Color

#5a8faf
```
#5a8faf rgb(90,143,175)
```
#af5a64
```
#af5a64 rgb(175,90,100)
```
#5aaf7b
```
#5aaf7b rgb(90,175,123)
```

Split Complementary Color

#5a64af
```
#5a64af rgb(90,100,175)
```
#af5a64
```
#af5a64 rgb(175,90,100)
```
#64af5a
```
#64af5a rgb(100,175,90)
```

Triadic Color

#a55aaf
```
#a55aaf rgb(165,90,175)
```
#af5a64
```
#af5a64 rgb(175,90,100)
```
#64af5a
```
#64af5a rgb(100,175,90)
```
#5aafa5
```
#5aafa5 rgb(90,175,165)
```

Tetradic Color

#7f3e45
```
#7f3e45 rgb(127,62,69)
```
#90464f
```
#90464f rgb(144,70,79)
```
#a14e58
```
#a14e58 rgb(161,78,88)
```
#af5a64
```
#af5a64 rgb(175,90,100)
```
#b76b74
```
#b76b74 rgb(183,107,116)
```
#c07c84
```
#c07c84 rgb(192,124,132)
```
#c88e94
```
#c88e94 rgb(200,142,148)
```

Monochromatic Color

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

#af5a79
```
#af5a79 rgb(175,90,121)
```
#af5a72
```
#af5a72 rgb(175,90,114)
```
#af5a6b
```
#af5a6b rgb(175,90,107)
```
#af5a64
```
#af5a64 rgb(175,90,100)
```
#af5a5d
```
#af5a5d rgb(175,90,93)
```
#af5e5a
```
#af5e5a rgb(175,94,90)
```
#af655a
```
#af655a rgb(175,101,90)
```

Similar Colors

Text with hexadecimal color #af5a64

This text has a font color of #af5a64.

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

#af5a64 background color

This paragraph has a background color of #af5a64.

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

#af5a64 border color

This element has a border color of #af5a64.

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

CSS codes

.text {color:#af5a64;}

.background {background-color:#af5a64;}

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

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

#070304
```
#070304 rgb(7,3,4)
```
#140a0b
```
#140a0b rgb(20,10,11)
```
#211012
```
#211012 rgb(33,16,18)
```
#2e1619
```
#2e1619 rgb(46,22,25)
```
#3c1d20
```
#3c1d20 rgb(60,29,32)
```
#492328
```
#492328 rgb(73,35,40)
```
#562a2f
```
#562a2f rgb(86,42,47)
```
#633036
```
#633036 rgb(99,48,54)
```
#70373d
```
#70373d rgb(112,55,61)
```
#7e3d45
```
#7e3d45 rgb(126,61,69)
```
#8b434c
```
#8b434c rgb(139,67,76)
```
#984a53
```
#984a53 rgb(152,74,83)
```
#a5505a
```
#a5505a rgb(165,80,90)
```

Shade Color Variation

#af5a64
```
#af5a64 rgb(175,90,100)
```
#b56770
```
#b56770 rgb(181,103,112)
```
#bc747d
```
#bc747d rgb(188,116,125)
```
#c28289
```
#c28289 rgb(194,130,137)
```
#c98f96
```
#c98f96 rgb(201,143,150)
```
#cf9ca2
```
#cf9ca2 rgb(207,156,162)
```
#d5a9ae
```
#d5a9ae rgb(213,169,174)
```
#dcb6bb
```
#dcb6bb rgb(220,182,187)
```
#e2c4c7
```
#e2c4c7 rgb(226,196,199)
```
#e9d1d4
```
#e9d1d4 rgb(233,209,212)
```
#efdee0
```
#efdee0 rgb(239,222,224)
```
#f5ebed
```
#f5ebed rgb(245,235,237)
```
#fcf9f9
```
#fcf9f9 rgb(252,249,249)
```

Tint Color Variation

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

#898081
```
#898081 rgb(137,128,129)
```
#93767a
```
#93767a rgb(147,118,122)
```
#9c6d72
```
#9c6d72 rgb(156,109,114)
```
#a6636b
```
#a6636b rgb(166,99,107)
```
#af5a64
```
#af5a64 rgb(175,90,100)
```
#b8515d
```
#b8515d rgb(184,81,93)
```
#c24756
```
#c24756 rgb(194,71,86)
```
#cb3e4e
```
#cb3e4e rgb(203,62,78)
```
#d53447
```
#d53447 rgb(213,52,71)
```
#de2b40
```
#de2b40 rgb(222,43,64)
```
#e82139
```
#e82139 rgb(232,33,57)
```
#f11832
```
#f11832 rgb(241,24,50)
```
#fa0f2a
```
#fa0f2a rgb(250,15,42)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#817072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7a77 Protanopia 1% of men
#8d7667 Deuteranopia 1% of men
#b26369 Tritanopia 0.001% of the population

Trichromacy

#8f6e70 Protanomaly 1% of men, 0.01% of women
#996c65 Deuteranomaly 6% of men, 0.4% of women
#b15f67 Tritanomaly 0.01% of the population

#af5a64 hex color

#af5a64 Color Information

#af5a64 Color Conversion

Color Schemes with #af5a64

Alternatives to #af5a64

#af5a64 Preview

Shades and Tints of #af5a64

Tones of #af5a64

Color Blindness Simulator