colorhexa.com

#af4d56 hex color

In a RGB color space, hex #af4d56 is composed of 68.6% red, 30.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56% magenta, 50.9% yellow and 31.4% black. It has a hue angle of 354.5 degrees, a saturation of 38.9% and a lightness of 49.4%. #af4d56 color hex could be obtained by blending #ff9aac with #5f0000. Closest websafe color is: #996666.

- R 69
- G 30
- B 34
RGB color chart
- C 0
- M 56
- Y 51
- K 31
CMYK color chart

● #af4d56 color description : Dark moderate red.

The hexadecimal color #af4d56 has RGB values of R:175, G:77, B:86 and CMYK values of C:0, M:0.56, Y:0.51, K:0.31. Its decimal value is 11488598.

Hex triplet	af4d56	`#af4d56`
RGB Decimal	175, 77, 86	`rgb(175,77,86)`
RGB Percent	68.6, 30.2, 33.7	`rgb(68.6%,30.2%,33.7%)`
CMYK	0, 56, 51, 31
HSL	354.5°, 38.9, 49.4	`hsl(354.5,38.9%,49.4%)`
HSV (or HSB)	354.5°, 56, 68.6
Web Safe	996666	`#996666`

CIE-LAB	45.765, 40.829, 14.607
XYZ	22.013, 15.096, 10.558
xyY	0.462, 0.317, 15.096
CIE-LCH	45.765, 43.364, 19.685
CIE-LUV	45.765, 69.311, 9.917
Hunter-Lab	38.853, 33.142, 11.085
Binary	10101111, 01001101, 01010110

#af4d56
```
#af4d56 rgb(175,77,86)
```
#4dafa6
```
#4dafa6 rgb(77,175,166)
```

Complementary Color

#af4d87
```
#af4d87 rgb(175,77,135)
```
#af4d56
```
#af4d56 rgb(175,77,86)
```
#af754d
```
#af754d rgb(175,117,77)
```

Analogous Color

#4d87af
```
#4d87af rgb(77,135,175)
```
#af4d56
```
#af4d56 rgb(175,77,86)
```
#4daf75
```
#4daf75 rgb(77,175,117)
```

Split Complementary Color

#4d56af
```
#4d56af rgb(77,86,175)
```
#af4d56
```
#af4d56 rgb(175,77,86)
```
#56af4d
```
#56af4d rgb(86,175,77)
```

Triadic Color

#a64daf
```
#a64daf rgb(166,77,175)
```
#af4d56
```
#af4d56 rgb(175,77,86)
```
#56af4d
```
#56af4d rgb(86,175,77)
```
#4dafa6
```
#4dafa6 rgb(77,175,166)
```

Tetradic Color

#7a363c
```
#7a363c rgb(122,54,60)
```
#8c3d45
```
#8c3d45 rgb(140,61,69)
```
#9d454d
```
#9d454d rgb(157,69,77)
```
#af4d56
```
#af4d56 rgb(175,77,86)
```
#b85e66
```
#b85e66 rgb(184,94,102)
```
#c06f77
```
#c06f77 rgb(192,111,119)
```
#c88187
```
#c88187 rgb(200,129,135)
```

Monochromatic Color

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

#af4d6f
```
#af4d6f rgb(175,77,111)
```
#af4d66
```
#af4d66 rgb(175,77,102)
```
#af4d5e
```
#af4d5e rgb(175,77,94)
```
#af4d56
```
#af4d56 rgb(175,77,86)
```
#af4d4e
```
#af4d4e rgb(175,77,78)
```
#af544d
```
#af544d rgb(175,84,77)
```
#af5d4d
```
#af5d4d rgb(175,93,77)
```

Similar Colors

Text with hexadecimal color #af4d56

This text has a font color of #af4d56.

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

#af4d56 background color

This paragraph has a background color of #af4d56.

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

#af4d56 border color

This element has a border color of #af4d56.

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

CSS codes

.text {color:#af4d56;}

.background {background-color:#af4d56;}

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

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, #0c0506 is the darkest color, while #fefdfd is the lightest one.

#0c0506
```
#0c0506 rgb(12,5,6)
```
#190b0c
```
#190b0c rgb(25,11,12)
```
#271113
```
#271113 rgb(39,17,19)
```
#34171a
```
#34171a rgb(52,23,26)
```
#421d20
```
#421d20 rgb(66,29,32)
```
#502327
```
#502327 rgb(80,35,39)
```
#5d292e
```
#5d292e rgb(93,41,46)
```
#6b2f35
```
#6b2f35 rgb(107,47,53)
```
#79353b
```
#79353b rgb(121,53,59)
```
#863b42
```
#863b42 rgb(134,59,66)
```
#944149
```
#944149 rgb(148,65,73)
```
#a1474f
```
#a1474f rgb(161,71,79)
```
#af4d56
```
#af4d56 rgb(175,77,86)
```

Shade Color Variation

#b65962
```
#b65962 rgb(182,89,98)
```
#bc676f
```
#bc676f rgb(188,103,111)
```
#c2757c
```
#c2757c rgb(194,117,124)
```
#c88289
```
#c88289 rgb(200,130,137)
```
#ce9096
```
#ce9096 rgb(206,144,150)
```
#d49ea3
```
#d49ea3 rgb(212,158,163)
```
#daabaf
```
#daabaf rgb(218,171,175)
```
#e0b9bc
```
#e0b9bc rgb(224,185,188)
```
#e6c6c9
```
#e6c6c9 rgb(230,198,201)
```
#ecd4d6
```
#ecd4d6 rgb(236,212,214)
```
#f2e2e3
```
#f2e2e3 rgb(242,226,227)
```
#f8eff0
```
#f8eff0 rgb(248,239,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#7f7d7e
```
#7f7d7e rgb(127,125,126)
```
#887476
```
#887476 rgb(136,116,118)
```
#926a6e
```
#926a6e rgb(146,106,110)
```
#9c6066
```
#9c6066 rgb(156,96,102)
```
#a5575e
```
#a5575e rgb(165,87,94)
```
#af4d56
```
#af4d56 rgb(175,77,86)
```
#b9434e
```
#b9434e rgb(185,67,78)
```
#c23a46
```
#c23a46 rgb(194,58,70)
```
#cc303e
```
#cc303e rgb(204,48,62)
```
#d62636
```
#d62636 rgb(214,38,54)
```
#df1d2e
```
#df1d2e rgb(223,29,46)
```
#e91327
```
#e91327 rgb(233,19,39)
```
#f3091f
```
#f3091f rgb(243,9,31)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#796567 Atypical Achromatopsia 0.001% of the population

Dichromacy

#77736b Protanopia 1% of men
#876f58 Deuteranopia 1% of men
#b2565c Tritanopia 0.001% of the population

Trichromacy

#8b6563 Protanomaly 1% of men, 0.01% of women
#966257 Deuteranomaly 6% of men, 0.4% of women
#b15359 Tritanomaly 0.01% of the population