#af7676 hex color

In a RGB color space, hex #af7676 is composed of 68.6% red, 46.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.6% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 0 degrees, a saturation of 26.3% and a lightness of 57.5%. #af7676 color hex could be obtained by blending #ffecec with #5f0000. Closest websafe color is: #996666.

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

● #af7676 color description : Mostly desaturated dark red.

The hexadecimal color #af7676 has RGB values of R:175, G:118, B:118 and CMYK values of C:0, M:0.33, Y:0.33, K:0.31. Its decimal value is 11499126.

Hex triplet	af7676	`#af7676`
RGB Decimal	175, 118, 118	`rgb(175,118,118)`
RGB Percent	68.6, 46.3, 46.3	`rgb(68.6%,46.3%,46.3%)`
CMYK	0, 33, 33, 31
HSL	0°, 26.3, 57.5	`hsl(0,26.3%,57.5%)`
HSV (or HSB)	0°, 32.6, 68.6
Web Safe	996666	`#996666`

CIE-LAB	55.462, 22.385, 9.13
XYZ	27.428, 23.38, 20.207
xyY	0.386, 0.329, 23.38
CIE-LCH	55.462, 24.175, 22.189
CIE-LUV	55.462, 37.645, 8.116
Hunter-Lab	48.353, 16.634, 9.07
Binary	10101111, 01110110, 01110110

#af7676
```
#af7676 rgb(175,118,118)
```
#76afaf
```
#76afaf rgb(118,175,175)
```

Complementary Color

#af7693
```
#af7693 rgb(175,118,147)
```
#af7676
```
#af7676 rgb(175,118,118)
```
#af9376
```
#af9376 rgb(175,147,118)
```

Analogous Color

#7693af
```
#7693af rgb(118,147,175)
```
#af7676
```
#af7676 rgb(175,118,118)
```
#76af93
```
#76af93 rgb(118,175,147)
```

Split Complementary Color

#7676af
```
#7676af rgb(118,118,175)
```
#af7676
```
#af7676 rgb(175,118,118)
```
#76af76
```
#76af76 rgb(118,175,118)
```

Triadic Color

#af76af
```
#af76af rgb(175,118,175)
```
#af7676
```
#af7676 rgb(175,118,118)
```
#76af76
```
#76af76 rgb(118,175,118)
```
#76afaf
```
#76afaf rgb(118,175,175)
```

Tetradic Color

#895050
```
#895050 rgb(137,80,80)
```
#995959
```
#995959 rgb(153,89,89)
```
#a66666
```
#a66666 rgb(166,102,102)
```
#af7676
```
#af7676 rgb(175,118,118)
```
#b88686
```
#b88686 rgb(184,134,134)
```
#c29696
```
#c29696 rgb(194,150,150)
```
#cba6a6
```
#cba6a6 rgb(203,166,166)
```

Monochromatic Color

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

#af7684
```
#af7684 rgb(175,118,132)
```
#af7680
```
#af7680 rgb(175,118,128)
```
#af767b
```
#af767b rgb(175,118,123)
```
#af7676
```
#af7676 rgb(175,118,118)
```
#af7b76
```
#af7b76 rgb(175,123,118)
```
#af8076
```
#af8076 rgb(175,128,118)
```
#af8476
```
#af8476 rgb(175,132,118)
```

Similar Colors

Text with hexadecimal color #af7676

This text has a font color of #af7676.

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

#af7676 background color

This paragraph has a background color of #af7676.

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

#af7676 border color

This element has a border color of #af7676.

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

CSS codes

.text {color:#af7676;}

.background {background-color:#af7676;}

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

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

#0c0707
```
#0c0707 rgb(12,7,7)
```
#180e0e
```
#180e0e rgb(24,14,14)
```
#241515
```
#241515 rgb(36,21,21)
```
#311c1c
```
#311c1c rgb(49,28,28)
```
#3d2424
```
#3d2424 rgb(61,36,36)
```
#4a2b2b
```
#4a2b2b rgb(74,43,43)
```
#563232
```
#563232 rgb(86,50,50)
```
#623939
```
#623939 rgb(98,57,57)
```
#6f4141
```
#6f4141 rgb(111,65,65)
```
#7b4848
```
#7b4848 rgb(123,72,72)
```
#874f4f
```
#874f4f rgb(135,79,79)
```
#945656
```
#945656 rgb(148,86,86)
```
#a05e5e
```
#a05e5e rgb(160,94,94)
```

Shade Color Variation

#a86a6a
```
#a86a6a rgb(168,106,106)
```
#af7676
```
#af7676 rgb(175,118,118)
```
#b68282
```
#b68282 rgb(182,130,130)
```
#bd8f8f
```
#bd8f8f rgb(189,143,143)
```
#c59b9b
```
#c59b9b rgb(197,155,155)
```
#cca8a8
```
#cca8a8 rgb(204,168,168)
```
#d3b4b4
```
#d3b4b4 rgb(211,180,180)
```
#dac0c0
```
#dac0c0 rgb(218,192,192)
```
#e2cdcd
```
#e2cdcd rgb(226,205,205)
```
#e9d9d9
```
#e9d9d9 rgb(233,217,217)
```
#f0e5e5
```
#f0e5e5 rgb(240,229,229)
```
#f7f2f2
```
#f7f2f2 rgb(247,242,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#968f8f
```
#968f8f rgb(150,143,143)
```
#9e8787
```
#9e8787 rgb(158,135,135)
```
#a77e7e
```
#a77e7e rgb(167,126,126)
```
#af7676
```
#af7676 rgb(175,118,118)
```
#b76e6e
```
#b76e6e rgb(183,110,110)
```
#c06565
```
#c06565 rgb(192,101,101)
```
#c85d5d
```
#c85d5d rgb(200,93,93)
```
#d05555
```
#d05555 rgb(208,85,85)
```
#d94c4c
```
#d94c4c rgb(217,76,76)
```
#e14444
```
#e14444 rgb(225,68,68)
```
#e93c3c
```
#e93c3c rgb(233,60,60)
```
#f23333
```
#f23333 rgb(242,51,51)
```
#fa2b2b
```
#fa2b2b rgb(250,43,43)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f8484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8a83 Protanopia 1% of men
#9e867a Deuteranopia 1% of men
#b37b84 Tritanopia 0.001% of the population

Trichromacy

#9a837e Protanomaly 1% of men, 0.01% of women
#a48078 Deuteranomaly 6% of men, 0.4% of women
#b2797f Tritanomaly 0.01% of the population

#af7676 hex color

#af7676 Color Information

#af7676 Color Conversion

Color Schemes with #af7676

Alternatives to #af7676

#af7676 Preview

Shades and Tints of #af7676

Tones of #af7676

Color Blindness Simulator