#af4f5d hex color

In a RGB color space, hex #af4f5d is composed of 68.6% red, 31% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.9% magenta, 46.9% yellow and 31.4% black. It has a hue angle of 351.3 degrees, a saturation of 37.8% and a lightness of 49.8%. #af4f5d color hex could be obtained by blending #ff9eba with #5f0000. Closest websafe color is: #996666.

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

● #af4f5d color description : Dark moderate red.

The hexadecimal color #af4f5d has RGB values of R:175, G:79, B:93 and CMYK values of C:0, M:0.55, Y:0.47, K:0.31. Its decimal value is 11489117.

Hex triplet	af4f5d	`#af4f5d`
RGB Decimal	175, 79, 93	`rgb(175,79,93)`
RGB Percent	68.6, 31, 36.5	`rgb(68.6%,31%,36.5%)`
CMYK	0, 55, 47, 31
HSL	351.3°, 37.8, 49.8	`hsl(351.3,37.8%,49.8%)`
HSV (or HSB)	351.3°, 54.9, 68.6
Web Safe	996666	`#996666`

CIE-LAB	46.309, 40.507, 11.104
XYZ	22.451, 15.498, 12.164
xyY	0.448, 0.309, 15.498
CIE-LCH	46.309, 42.002, 15.33
CIE-LUV	46.309, 66.42, 6.202
Hunter-Lab	39.368, 32.905, 9.237
Binary	10101111, 01001111, 01011101

#af4f5d
```
#af4f5d rgb(175,79,93)
```
#4fafa1
```
#4fafa1 rgb(79,175,161)
```

Complementary Color

#af4f8d
```
#af4f8d rgb(175,79,141)
```
#af4f5d
```
#af4f5d rgb(175,79,93)
```
#af714f
```
#af714f rgb(175,113,79)
```

Analogous Color

#4f8daf
```
#4f8daf rgb(79,141,175)
```
#af4f5d
```
#af4f5d rgb(175,79,93)
```
#4faf71
```
#4faf71 rgb(79,175,113)
```

Split Complementary Color

#4f5daf
```
#4f5daf rgb(79,93,175)
```
#af4f5d
```
#af4f5d rgb(175,79,93)
```
#5daf4f
```
#5daf4f rgb(93,175,79)
```

Triadic Color

#a14faf
```
#a14faf rgb(161,79,175)
```
#af4f5d
```
#af4f5d rgb(175,79,93)
```
#5daf4f
```
#5daf4f rgb(93,175,79)
```
#4fafa1
```
#4fafa1 rgb(79,175,161)
```

Tetradic Color

#7a3741
```
#7a3741 rgb(122,55,65)
```
#8c3f4a
```
#8c3f4a rgb(140,63,74)
```
#9d4754
```
#9d4754 rgb(157,71,84)
```
#af4f5d
```
#af4f5d rgb(175,79,93)
```
#b7606d
```
#b7606d rgb(183,96,109)
```
#bf727d
```
#bf727d rgb(191,114,125)
```
#c7838d
```
#c7838d rgb(199,131,141)
```

Monochromatic Color

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

#af4f75
```
#af4f75 rgb(175,79,117)
```
#af4f6d
```
#af4f6d rgb(175,79,109)
```
#af4f65
```
#af4f65 rgb(175,79,101)
```
#af4f5d
```
#af4f5d rgb(175,79,93)
```
#af4f55
```
#af4f55 rgb(175,79,85)
```
#af514f
```
#af514f rgb(175,81,79)
```
#af594f
```
#af594f rgb(175,89,79)
```

Similar Colors

Text with hexadecimal color #af4f5d

This text has a font color of #af4f5d.

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

#af4f5d background color

This paragraph has a background color of #af4f5d.

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

#af4f5d border color

This element has a border color of #af4f5d.

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

CSS codes

.text {color:#af4f5d;}

.background {background-color:#af4f5d;}

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

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

#0d0607
```
#0d0607 rgb(13,6,7)
```
#1a0c0e
```
#1a0c0e rgb(26,12,14)
```
#281215
```
#281215 rgb(40,18,21)
```
#35181c
```
#35181c rgb(53,24,28)
```
#431e24
```
#431e24 rgb(67,30,36)
```
#50242b
```
#50242b rgb(80,36,43)
```
#5e2a32
```
#5e2a32 rgb(94,42,50)
```
#6b3039
```
#6b3039 rgb(107,48,57)
```
#793740
```
#793740 rgb(121,55,64)
```
#863d47
```
#863d47 rgb(134,61,71)
```
#94434f
```
#94434f rgb(148,67,79)
```
#a14956
```
#a14956 rgb(161,73,86)
```
#af4f5d
```
#af4f5d rgb(175,79,93)
```

Shade Color Variation

#b55c69
```
#b55c69 rgb(181,92,105)
```
#bc6a76
```
#bc6a76 rgb(188,106,118)
```
#c27782
```
#c27782 rgb(194,119,130)
```
#c8858e
```
#c8858e rgb(200,133,142)
```
#ce929b
```
#ce929b rgb(206,146,155)
```
#d4a0a7
```
#d4a0a7 rgb(212,160,167)
```
#daadb4
```
#daadb4 rgb(218,173,180)
```
#e0bbc0
```
#e0bbc0 rgb(224,187,192)
```
#e6c8cd
```
#e6c8cd rgb(230,200,205)
```
#ecd6d9
```
#ecd6d9 rgb(236,214,217)
```
#f2e3e5
```
#f2e3e5 rgb(242,227,229)
```
#f9f1f2
```
#f9f1f2 rgb(249,241,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#887679
```
#887679 rgb(136,118,121)
```
#926c72
```
#926c72 rgb(146,108,114)
```
#9b636b
```
#9b636b rgb(155,99,107)
```
#a55964
```
#a55964 rgb(165,89,100)
```
#af4f5d
```
#af4f5d rgb(175,79,93)
```
#b94556
```
#b94556 rgb(185,69,86)
```
#c33b4f
```
#c33b4f rgb(195,59,79)
```
#cc3248
```
#cc3248 rgb(204,50,72)
```
#d62841
```
#d62841 rgb(214,40,65)
```
#e01e3a
```
#e01e3a rgb(224,30,58)
```
#ea1433
```
#ea1433 rgb(234,20,51)
```
#f30b2d
```
#f30b2d rgb(243,11,45)
```
#fd0126
```
#fd0126 rgb(253,1,38)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7a676a Atypical Achromatopsia 0.001% of the population

Dichromacy

#777472 Protanopia 1% of men
#87705f Deuteranopia 1% of men
#b2595e Tritanopia 0.001% of the population

Trichromacy

#8b676a Protanomaly 1% of men, 0.01% of women
#96645e Deuteranomaly 6% of men, 0.4% of women
#b1555e Tritanomaly 0.01% of the population

#af4f5d hex color

#af4f5d Color Information

#af4f5d Color Conversion

Color Schemes with #af4f5d

Alternatives to #af4f5d

#af4f5d Preview

Shades and Tints of #af4f5d

Tones of #af4f5d

Color Blindness Simulator