#af5356 hex color

In a RGB color space, hex #af5356 is composed of 68.6% red, 32.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 50.9% yellow and 31.4% black. It has a hue angle of 358 degrees, a saturation of 36.5% and a lightness of 50.6%. #af5356 color hex could be obtained by blending #ffa6ac with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 33
- B 34
RGB color chart
- C 0
- M 53
- Y 51
- K 31
CMYK color chart

● #af5356 color description : Dark moderate red.

The hexadecimal color #af5356 has RGB values of R:175, G:83, B:86 and CMYK values of C:0, M:0.53, Y:0.51, K:0.31. Its decimal value is 11490134.

Hex triplet	af5356	`#af5356`
RGB Decimal	175, 83, 86	`rgb(175,83,86)`
RGB Percent	68.6, 32.5, 33.7	`rgb(68.6%,32.5%,33.7%)`
CMYK	0, 53, 51, 31
HSL	358°, 36.5, 50.6	`hsl(358,36.5%,50.6%)`
HSV (or HSB)	358°, 52.6, 68.6
Web Safe	996666	`#996666`

CIE-LAB	46.941, 37.79, 16.212
XYZ	22.453, 15.974, 10.705
xyY	0.457, 0.325, 15.974
CIE-LCH	46.941, 41.121, 23.219
CIE-LUV	46.941, 65.57, 12.432
Hunter-Lab	39.968, 30.332, 12.098
Binary	10101111, 01010011, 01010110

#af5356
```
#af5356 rgb(175,83,86)
```
#53afac
```
#53afac rgb(83,175,172)
```

Complementary Color

#af5384
```
#af5384 rgb(175,83,132)
```
#af5356
```
#af5356 rgb(175,83,86)
```
#af7e53
```
#af7e53 rgb(175,126,83)
```

Analogous Color

#5384af
```
#5384af rgb(83,132,175)
```
#af5356
```
#af5356 rgb(175,83,86)
```
#53af7e
```
#53af7e rgb(83,175,126)
```

Split Complementary Color

#5356af
```
#5356af rgb(83,86,175)
```
#af5356
```
#af5356 rgb(175,83,86)
```
#56af53
```
#56af53 rgb(86,175,83)
```

Triadic Color

#ac53af
```
#ac53af rgb(172,83,175)
```
#af5356
```
#af5356 rgb(175,83,86)
```
#56af53
```
#56af53 rgb(86,175,83)
```
#53afac
```
#53afac rgb(83,175,172)
```

Tetradic Color

#7c3a3c
```
#7c3a3c rgb(124,58,60)
```
#8d4244
```
#8d4244 rgb(141,66,68)
```
#9f4a4d
```
#9f4a4d rgb(159,74,77)
```
#af5356
```
#af5356 rgb(175,83,86)
```
#b76467
```
#b76467 rgb(183,100,103)
```
#bf7678
```
#bf7678 rgb(191,118,120)
```
#c78789
```
#c78789 rgb(199,135,137)
```

Monochromatic Color

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

#af536d
```
#af536d rgb(175,83,109)
```
#af5365
```
#af5365 rgb(175,83,101)
```
#af535e
```
#af535e rgb(175,83,94)
```
#af5356
```
#af5356 rgb(175,83,86)
```
#af5853
```
#af5853 rgb(175,88,83)
```
#af5f53
```
#af5f53 rgb(175,95,83)
```
#af6753
```
#af6753 rgb(175,103,83)
```

Similar Colors

Text with hexadecimal color #af5356

This text has a font color of #af5356.

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

#af5356 background color

This paragraph has a background color of #af5356.

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

#af5356 border color

This element has a border color of #af5356.

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

CSS codes

.text {color:#af5356;}

.background {background-color:#af5356;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0f0707
```
#0f0707 rgb(15,7,7)
```
#1d0d0e
```
#1d0d0e rgb(29,13,14)
```
#2a1414
```
#2a1414 rgb(42,20,20)
```
#381a1b
```
#381a1b rgb(56,26,27)
```
#452021
```
#452021 rgb(69,32,33)
```
#522628
```
#522628 rgb(82,38,40)
```
#602d2e
```
#602d2e rgb(96,45,46)
```
#6d3335
```
#6d3335 rgb(109,51,53)
```
#7b393b
```
#7b393b rgb(123,57,59)
```
#883f42
```
#883f42 rgb(136,63,66)
```
#954548
```
#954548 rgb(149,69,72)
```
#a34c4f
```
#a34c4f rgb(163,76,79)
```

Shade Color Variation

#af5356
```
#af5356 rgb(175,83,86)
```
#b56063
```
#b56063 rgb(181,96,99)
```
#bb6e70
```
#bb6e70 rgb(187,110,112)
```
#c27b7d
```
#c27b7d rgb(194,123,125)
```
#c8898b
```
#c8898b rgb(200,137,139)
```
#ce9698
```
#ce9698 rgb(206,150,152)
```
#d4a3a5
```
#d4a3a5 rgb(212,163,165)
```
#dbb1b2
```
#dbb1b2 rgb(219,177,178)
```
#e1bebf
```
#e1bebf rgb(225,190,191)
```
#e7cbcc
```
#e7cbcc rgb(231,203,204)
```
#edd9da
```
#edd9da rgb(237,217,218)
```
#f3e6e7
```
#f3e6e7 rgb(243,230,231)
```
#faf4f4
```
#faf4f4 rgb(250,244,244)
```

Tint Color Variation

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

#887a7a
```
#887a7a rgb(136,122,122)
```
#927071
```
#927071 rgb(146,112,113)
```
#9c6668
```
#9c6668 rgb(156,102,104)
```
#a55d5f
```
#a55d5f rgb(165,93,95)
```
#af5356
```
#af5356 rgb(175,83,86)
```
#b9494d
```
#b9494d rgb(185,73,77)
```
#c24044
```
#c24044 rgb(194,64,68)
```
#cc363b
```
#cc363b rgb(204,54,59)
```
#d62c32
```
#d62c32 rgb(214,44,50)
```
#df2329
```
#df2329 rgb(223,35,41)
```
#e91920
```
#e91920 rgb(233,25,32)
```
#f30f17
```
#f30f17 rgb(243,15,23)
```
#fd050e
```
#fd050e rgb(253,5,14)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c696a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b766a Protanopia 1% of men
#8b7259 Deuteranopia 1% of men
#b35b61 Tritanopia 0.001% of the population

Trichromacy

#8e6962 Protanomaly 1% of men, 0.01% of women
#986658 Deuteranomaly 6% of men, 0.4% of women
#b1585d Tritanomaly 0.01% of the population

#af5356 hex color

#af5356 Color Information

#af5356 Color Conversion

Color Schemes with #af5356

Alternatives to #af5356

#af5356 Preview

Shades and Tints of #af5356

Tones of #af5356

Color Blindness Simulator