#af5a58 hex color

In a RGB color space, hex #af5a58 is composed of 68.6% red, 35.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 49.7% yellow and 31.4% black. It has a hue angle of 1.4 degrees, a saturation of 35.2% and a lightness of 51.6%. #af5a58 color hex could be obtained by blending #ffb4b0 with #5f0000. Closest websafe color is: #996666.

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

● #af5a58 color description : Dark moderate red.

The hexadecimal color #af5a58 has RGB values of R:175, G:90, B:88 and CMYK values of C:0, M:0.49, Y:0.5, K:0.31. Its decimal value is 11491928.

Hex triplet	af5a58	`#af5a58`
RGB Decimal	175, 90, 88	`rgb(175,90,88)`
RGB Percent	68.6, 35.3, 34.5	`rgb(68.6%,35.3%,34.5%)`
CMYK	0, 49, 50, 31
HSL	1.4°, 35.2, 51.6	`hsl(1.4,35.2%,51.6%)`
HSV (or HSB)	1.4°, 49.7, 68.6
Web Safe	996666	`#996666`

CIE-LAB	48.427, 34.315, 17.031
XYZ	23.097, 17.133, 11.323
xyY	0.448, 0.332, 17.133
CIE-LCH	48.427, 38.309, 26.396
CIE-LUV	48.427, 60.651, 14.254
Hunter-Lab	41.392, 27.171, 12.756
Binary	10101111, 01011010, 01011000

#af5a58
```
#af5a58 rgb(175,90,88)
```
#58adaf
```
#58adaf rgb(88,173,175)
```

Complementary Color

#af5882
```
#af5882 rgb(175,88,130)
```
#af5a58
```
#af5a58 rgb(175,90,88)
```
#af8658
```
#af8658 rgb(175,134,88)
```

Analogous Color

#5882af
```
#5882af rgb(88,130,175)
```
#af5a58
```
#af5a58 rgb(175,90,88)
```
#58af86
```
#58af86 rgb(88,175,134)
```

Split Complementary Color

#5a58af
```
#5a58af rgb(90,88,175)
```
#af5a58
```
#af5a58 rgb(175,90,88)
```
#58af5a
```
#58af5a rgb(88,175,90)
```

Triadic Color

#af58ad
```
#af58ad rgb(175,88,173)
```
#af5a58
```
#af5a58 rgb(175,90,88)
```
#58af5a
```
#58af5a rgb(88,175,90)
```
#58adaf
```
#58adaf rgb(88,173,175)
```

Tetradic Color

#7e3e3c
```
#7e3e3c rgb(126,62,60)
```
#8f4645
```
#8f4645 rgb(143,70,69)
```
#a14f4d
```
#a14f4d rgb(161,79,77)
```
#af5a58
```
#af5a58 rgb(175,90,88)
```
#b76b69
```
#b76b69 rgb(183,107,105)
```
#c07c7a
```
#c07c7a rgb(192,124,122)
```
#c88d8c
```
#c88d8c rgb(200,141,140)
```

Monochromatic Color

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

#af586c
```
#af586c rgb(175,88,108)
```
#af5865
```
#af5865 rgb(175,88,101)
```
#af585d
```
#af585d rgb(175,88,93)
```
#af5a58
```
#af5a58 rgb(175,90,88)
```
#af6158
```
#af6158 rgb(175,97,88)
```
#af6958
```
#af6958 rgb(175,105,88)
```
#af7058
```
#af7058 rgb(175,112,88)
```

Similar Colors

Text with hexadecimal color #af5a58

This text has a font color of #af5a58.

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

#af5a58 background color

This paragraph has a background color of #af5a58.

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

#af5a58 border color

This element has a border color of #af5a58.

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

CSS codes

.text {color:#af5a58;}

.background {background-color:#af5a58;}

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

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

#050303
```
#050303 rgb(5,3,3)
```
#130909
```
#130909 rgb(19,9,9)
```
#20100f
```
#20100f rgb(32,16,15)
```
#2d1616
```
#2d1616 rgb(45,22,22)
```
#3a1d1c
```
#3a1d1c rgb(58,29,28)
```
#482322
```
#482322 rgb(72,35,34)
```
#552a29
```
#552a29 rgb(85,42,41)
```
#62302f
```
#62302f rgb(98,48,47)
```
#703735
```
#703735 rgb(112,55,53)
```
#7d3d3c
```
#7d3d3c rgb(125,61,60)
```
#8a4442
```
#8a4442 rgb(138,68,66)
```
#974a48
```
#974a48 rgb(151,74,72)
```
#a5514f
```
#a5514f rgb(165,81,79)
```

Shade Color Variation

#af5a58
```
#af5a58 rgb(175,90,88)
```
#b56765
```
#b56765 rgb(181,103,101)
```
#bc7473
```
#bc7473 rgb(188,116,115)
```
#c28180
```
#c28180 rgb(194,129,128)
```
#c88e8d
```
#c88e8d rgb(200,142,141)
```
#cf9c9a
```
#cf9c9a rgb(207,156,154)
```
#d5a9a8
```
#d5a9a8 rgb(213,169,168)
```
#dbb6b5
```
#dbb6b5 rgb(219,182,181)
```
#e2c3c2
```
#e2c3c2 rgb(226,195,194)
```
#e8d0cf
```
#e8d0cf rgb(232,208,207)
```
#efdddd
```
#efdddd rgb(239,221,221)
```
#f5eaea
```
#f5eaea rgb(245,234,234)
```
#fbf7f7
```
#fbf7f7 rgb(251,247,247)
```

Tint Color Variation

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

#897e7e
```
#897e7e rgb(137,126,126)
```
#937575
```
#937575 rgb(147,117,117)
```
#9c6c6b
```
#9c6c6b rgb(156,108,107)
```
#a66362
```
#a66362 rgb(166,99,98)
```
#af5a58
```
#af5a58 rgb(175,90,88)
```
#b9514f
```
#b9514f rgb(185,81,79)
```
#c24845
```
#c24845 rgb(194,72,69)
```
#cc3f3c
```
#cc3f3c rgb(204,63,60)
```
#d53632
```
#d53632 rgb(213,54,50)
```
#df2d29
```
#df2d29 rgb(223,45,41)
```
#e8241f
```
#e8241f rgb(232,36,31)
```
#f21b16
```
#f21b16 rgb(242,27,22)
```
#fb110c
```
#fb110c rgb(251,17,12)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7f6e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#80796a Protanopia 1% of men
#8f755b Deuteranopia 1% of men
#b36167 Tritanopia 0.001% of the population

Trichromacy

#916e63 Protanomaly 1% of men, 0.01% of women
#9b6b5a Deuteranomaly 6% of men, 0.4% of women
#b25e62 Tritanomaly 0.01% of the population

#af5a58 hex color

#af5a58 Color Information

#af5a58 Color Conversion

Color Schemes with #af5a58

Alternatives to #af5a58

#af5a58 Preview

Shades and Tints of #af5a58

Tones of #af5a58

Color Blindness Simulator