#af6b64 hex color

In a RGB color space, hex #af6b64 is composed of 68.6% red, 42% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.9% magenta, 42.9% yellow and 31.4% black. It has a hue angle of 5.6 degrees, a saturation of 31.9% and a lightness of 53.9%. #af6b64 color hex could be obtained by blending #ffd6c8 with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 42
- B 39
RGB color chart
- C 0
- M 39
- Y 43
- K 31
CMYK color chart

● #af6b64 color description : Mostly desaturated dark red.

The hexadecimal color #af6b64 has RGB values of R:175, G:107, B:100 and CMYK values of C:0, M:0.39, Y:0.43, K:0.31. Its decimal value is 11496292.

Hex triplet	af6b64	`#af6b64`
RGB Decimal	175, 107, 100	`rgb(175,107,100)`
RGB Percent	68.6, 42, 39.2	`rgb(68.6%,42%,39.2%)`
CMYK	0, 39, 43, 31
HSL	5.6°, 31.9, 53.9	`hsl(5.6,31.9%,53.9%)`
HSV (or HSB)	5.6°, 42.9, 68.6
Web Safe	996666	`#996666`

CIE-LAB	52.455, 26.307, 15.44
XYZ	25.237, 20.551, 14.693
xyY	0.417, 0.34, 20.551
CIE-LCH	52.455, 30.503, 30.409
CIE-LUV	52.455, 47.404, 14.671
Hunter-Lab	45.333, 20.039, 12.516
Binary	10101111, 01101011, 01100100

#af6b64
```
#af6b64 rgb(175,107,100)
```
#64a8af
```
#64a8af rgb(100,168,175)
```

Complementary Color

#af6483
```
#af6483 rgb(175,100,131)
```
#af6b64
```
#af6b64 rgb(175,107,100)
```
#af9164
```
#af9164 rgb(175,145,100)
```

Analogous Color

#6483af
```
#6483af rgb(100,131,175)
```
#af6b64
```
#af6b64 rgb(175,107,100)
```
#64af91
```
#64af91 rgb(100,175,145)
```

Split Complementary Color

#6b64af
```
#6b64af rgb(107,100,175)
```
#af6b64
```
#af6b64 rgb(175,107,100)
```
#64af6b
```
#64af6b rgb(100,175,107)
```

Triadic Color

#af64a8
```
#af64a8 rgb(175,100,168)
```
#af6b64
```
#af6b64 rgb(175,107,100)
```
#64af6b
```
#64af6b rgb(100,175,107)
```
#64a8af
```
#64a8af rgb(100,168,175)
```

Tetradic Color

#834944
```
#834944 rgb(131,73,68)
```
#94534c
```
#94534c rgb(148,83,76)
```
#a55c55
```
#a55c55 rgb(165,92,85)
```
#af6b64
```
#af6b64 rgb(175,107,100)
```
#b87b75
```
#b87b75 rgb(184,123,117)
```
#c08b86
```
#c08b86 rgb(192,139,134)
```
#c99b96
```
#c99b96 rgb(201,155,150)
```

Monochromatic Color

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

#af6470
```
#af6470 rgb(175,100,112)
```
#af646a
```
#af646a rgb(175,100,106)
```
#af6564
```
#af6564 rgb(175,101,100)
```
#af6b64
```
#af6b64 rgb(175,107,100)
```
#af7164
```
#af7164 rgb(175,113,100)
```
#af7864
```
#af7864 rgb(175,120,100)
```
#af7e64
```
#af7e64 rgb(175,126,100)
```

Similar Colors

Text with hexadecimal color #af6b64

This text has a font color of #af6b64.

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

#af6b64 background color

This paragraph has a background color of #af6b64.

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

#af6b64 border color

This element has a border color of #af6b64.

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

CSS codes

.text {color:#af6b64;}

.background {background-color:#af6b64;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0707
```
#0d0707 rgb(13,7,7)
```
#1a0f0d
```
#1a0f0d rgb(26,15,13)
```
#271614
```
#271614 rgb(39,22,20)
```
#341d1b
```
#341d1b rgb(52,29,27)
```
#412422
```
#412422 rgb(65,36,34)
```
#4e2c28
```
#4e2c28 rgb(78,44,40)
```
#5b332f
```
#5b332f rgb(91,51,47)
```
#683a36
```
#683a36 rgb(104,58,54)
```
#75413c
```
#75413c rgb(117,65,60)
```
#824943
```
#824943 rgb(130,73,67)
```
#8f504a
```
#8f504a rgb(143,80,74)
```
#9c5750
```
#9c5750 rgb(156,87,80)
```

Shade Color Variation

#a85f57
```
#a85f57 rgb(168,95,87)
```
#af6b64
```
#af6b64 rgb(175,107,100)
```
#b67771
```
#b67771 rgb(182,119,113)
```
#bc847e
```
#bc847e rgb(188,132,126)
```
#c3908b
```
#c3908b rgb(195,144,139)
```
#ca9c98
```
#ca9c98 rgb(202,156,152)
```
#d0a9a5
```
#d0a9a5 rgb(208,169,165)
```
#d7b5b2
```
#d7b5b2 rgb(215,181,178)
```
#dec1bf
```
#dec1bf rgb(222,193,191)
```
#e4cecc
```
#e4cecc rgb(228,206,204)
```
#ebdad8
```
#ebdad8 rgb(235,218,216)
```
#f2e7e5
```
#f2e7e5 rgb(242,231,229)
```
#f8f3f2
```
#f8f3f2 rgb(248,243,242)
```

Tint Color Variation

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

#8b8888
```
#8b8888 rgb(139,136,136)
```
#94817f
```
#94817f rgb(148,129,127)
```
#9d7a76
```
#9d7a76 rgb(157,122,118)
```
#a6726d
```
#a6726d rgb(166,114,109)
```
#af6b64
```
#af6b64 rgb(175,107,100)
```
#b8645b
```
#b8645b rgb(184,100,91)
```
#c15c52
```
#c15c52 rgb(193,92,82)
```
#ca5549
```
#ca5549 rgb(202,85,73)
```
#d34e40
```
#d34e40 rgb(211,78,64)
```
#dc4637
```
#dc4637 rgb(220,70,55)
```
#e53f2e
```
#e53f2e rgb(229,63,46)
```
#ee3825
```
#ee3825 rgb(238,56,37)
```
#f7301c
```
#f7301c rgb(247,48,28)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#897b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8373 Protanopia 1% of men
#997e68 Deuteranopia 1% of men
#b47078 Tritanopia 0.001% of the population

Trichromacy

#977a6d Protanomaly 1% of men, 0.01% of women
#a17767 Deuteranomaly 6% of men, 0.4% of women
#b26e70 Tritanomaly 0.01% of the population

#af6b64 hex color

#af6b64 Color Information

#af6b64 Color Conversion

Color Schemes with #af6b64

Alternatives to #af6b64

#af6b64 Preview

Shades and Tints of #af6b64

Tones of #af6b64

Color Blindness Simulator