#af7c7c hex color

In a RGB color space, hex #af7c7c is composed of 68.6% red, 48.6% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.1% magenta, 29.1% yellow and 31.4% black. It has a hue angle of 0 degrees, a saturation of 24.2% and a lightness of 58.6%. #af7c7c color hex could be obtained by blending #fff8f8 with #5f0000. Closest websafe color is: #996666.

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

● #af7c7c color description : Mostly desaturated dark red.

The hexadecimal color #af7c7c has RGB values of R:175, G:124, B:124 and CMYK values of C:0, M:0.29, Y:0.29, K:0.31. Its decimal value is 11500668.

Hex triplet	af7c7c	`#af7c7c`
RGB Decimal	175, 124, 124	`rgb(175,124,124)`
RGB Percent	68.6, 48.6, 48.6	`rgb(68.6%,48.6%,48.6%)`
CMYK	0, 29, 29, 31
HSL	0°, 24.2, 58.6	`hsl(0,24.2%,58.6%)`
HSV (or HSB)	0°, 29.1, 68.6
Web Safe	996666	`#996666`

CIE-LAB	57.062, 19.838, 7.923
XYZ	28.525, 24.986, 22.388
xyY	0.376, 0.329, 24.986
CIE-LCH	57.062, 21.362, 21.771
CIE-LUV	57.062, 33.143, 7.144
Hunter-Lab	49.986, 14.388, 8.435
Binary	10101111, 01111100, 01111100

#af7c7c
```
#af7c7c rgb(175,124,124)
```
#7cafaf
```
#7cafaf rgb(124,175,175)
```

Complementary Color

#af7c96
```
#af7c96 rgb(175,124,150)
```
#af7c7c
```
#af7c7c rgb(175,124,124)
```
#af967c
```
#af967c rgb(175,150,124)
```

Analogous Color

#7c96af
```
#7c96af rgb(124,150,175)
```
#af7c7c
```
#af7c7c rgb(175,124,124)
```
#7caf96
```
#7caf96 rgb(124,175,150)
```

Split Complementary Color

#7c7caf
```
#7c7caf rgb(124,124,175)
```
#af7c7c
```
#af7c7c rgb(175,124,124)
```
#7caf7c
```
#7caf7c rgb(124,175,124)
```

Triadic Color

#af7caf
```
#af7caf rgb(175,124,175)
```
#af7c7c
```
#af7c7c rgb(175,124,124)
```
#7caf7c
```
#7caf7c rgb(124,175,124)
```
#7cafaf
```
#7cafaf rgb(124,175,175)
```

Tetradic Color

#8a5454
```
#8a5454 rgb(138,84,84)
```
#9a5e5e
```
#9a5e5e rgb(154,94,94)
```
#a56c6c
```
#a56c6c rgb(165,108,108)
```
#af7c7c
```
#af7c7c rgb(175,124,124)
```
#b98c8c
```
#b98c8c rgb(185,140,140)
```
#c29c9c
```
#c29c9c rgb(194,156,156)
```
#ccabab
```
#ccabab rgb(204,171,171)
```

Monochromatic Color

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

#af7c89
```
#af7c89 rgb(175,124,137)
```
#af7c85
```
#af7c85 rgb(175,124,133)
```
#af7c80
```
#af7c80 rgb(175,124,128)
```
#af7c7c
```
#af7c7c rgb(175,124,124)
```
#af807c
```
#af807c rgb(175,128,124)
```
#af857c
```
#af857c rgb(175,133,124)
```
#af897c
```
#af897c rgb(175,137,124)
```

Similar Colors

Text with hexadecimal color #af7c7c

This text has a font color of #af7c7c.

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

#af7c7c background color

This paragraph has a background color of #af7c7c.

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

#af7c7c border color

This element has a border color of #af7c7c.

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

CSS codes

.text {color:#af7c7c;}

.background {background-color:#af7c7c;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#0f0909
```
#0f0909 rgb(15,9,9)
```
#1b1111
```
#1b1111 rgb(27,17,17)
```
#271818
```
#271818 rgb(39,24,24)
```
#342020
```
#342020 rgb(52,32,32)
```
#402727
```
#402727 rgb(64,39,39)
```
#4c2e2e
```
#4c2e2e rgb(76,46,46)
```
#583636
```
#583636 rgb(88,54,54)
```
#643d3d
```
#643d3d rgb(100,61,61)
```
#714545
```
#714545 rgb(113,69,69)
```
#7d4c4c
```
#7d4c4c rgb(125,76,76)
```
#895454
```
#895454 rgb(137,84,84)
```
#955b5b
```
#955b5b rgb(149,91,91)
```

Shade Color Variation

#a06464
```
#a06464 rgb(160,100,100)
```
#a87070
```
#a87070 rgb(168,112,112)
```
#af7c7c
```
#af7c7c rgb(175,124,124)
```
#b68888
```
#b68888 rgb(182,136,136)
```
#be9494
```
#be9494 rgb(190,148,148)
```
#c5a1a1
```
#c5a1a1 rgb(197,161,161)
```
#cdadad
```
#cdadad rgb(205,173,173)
```
#d4b9b9
```
#d4b9b9 rgb(212,185,185)
```
#dcc5c5
```
#dcc5c5 rgb(220,197,197)
```
#e3d1d1
```
#e3d1d1 rgb(227,209,209)
```
#eadddd
```
#eadddd rgb(234,221,221)
```
#f2eaea
```
#f2eaea rgb(242,234,234)
```
#f9f6f6
```
#f9f6f6 rgb(249,246,246)
```

Tint Color Variation

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

#979494
```
#979494 rgb(151,148,148)
```
#9f8c8c
```
#9f8c8c rgb(159,140,140)
```
#a78484
```
#a78484 rgb(167,132,132)
```
#af7c7c
```
#af7c7c rgb(175,124,124)
```
#b77474
```
#b77474 rgb(183,116,116)
```
#bf6c6c
```
#bf6c6c rgb(191,108,108)
```
#c76464
```
#c76464 rgb(199,100,100)
```
#cf5c5c
```
#cf5c5c rgb(207,92,92)
```
#d85353
```
#d85353 rgb(216,83,83)
```
#e04b4b
```
#e04b4b rgb(224,75,75)
```
#e84343
```
#e84343 rgb(232,67,67)
```
#f03b3b
```
#f03b3b rgb(240,59,59)
```
#f83333
```
#f83333 rgb(248,51,51)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#928888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938e88 Protanopia 1% of men
#a18a80 Deuteranopia 1% of men
#b4818a Tritanopia 0.001% of the population

Trichromacy

#9d8783 Protanomaly 1% of men, 0.01% of women
#a6857f Deuteranomaly 6% of men, 0.4% of women
#b27f85 Tritanomaly 0.01% of the population

#af7c7c hex color

#af7c7c Color Information

#af7c7c Color Conversion

Color Schemes with #af7c7c

Alternatives to #af7c7c

#af7c7c Preview

Shades and Tints of #af7c7c

Tones of #af7c7c

Color Blindness Simulator