#af644b hex color

In a RGB color space, hex #af644b is composed of 68.6% red, 39.2% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.9% magenta, 57.1% yellow and 31.4% black. It has a hue angle of 15 degrees, a saturation of 40% and a lightness of 49%. #af644b color hex could be obtained by blending #ffc896 with #5f0000. Closest websafe color is: #996633.

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

● #af644b color description : Dark moderate orange.

The hexadecimal color #af644b has RGB values of R:175, G:100, B:75 and CMYK values of C:0, M:0.43, Y:0.57, K:0.31. Its decimal value is 11494475.

Hex triplet	af644b	`#af644b`
RGB Decimal	175, 100, 75	`rgb(175,100,75)`
RGB Percent	68.6, 39.2, 29.4	`rgb(68.6%,39.2%,29.4%)`
CMYK	0, 43, 57, 31
HSL	15°, 40, 49	`hsl(15,40%,49%)`
HSV (or HSB)	15°, 57.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	50.379, 27.732, 27.213
XYZ	23.507, 18.738, 9.035
xyY	0.458, 0.365, 18.738
CIE-LCH	50.379, 38.854, 44.458
CIE-LUV	50.379, 56.092, 26.268
Hunter-Lab	43.287, 21.18, 17.926
Binary	10101111, 01100100, 01001011

#af644b
```
#af644b rgb(175,100,75)
```
#4b96af
```
#4b96af rgb(75,150,175)
```

Complementary Color

#af4b64
```
#af4b64 rgb(175,75,100)
```
#af644b
```
#af644b rgb(175,100,75)
```
#af964b
```
#af964b rgb(175,150,75)
```

Analogous Color

#4b64af
```
#4b64af rgb(75,100,175)
```
#af644b
```
#af644b rgb(175,100,75)
```
#4baf96
```
#4baf96 rgb(75,175,150)
```

Split Complementary Color

#644baf
```
#644baf rgb(100,75,175)
```
#af644b
```
#af644b rgb(175,100,75)
```
#4baf64
```
#4baf64 rgb(75,175,100)
```

Triadic Color

#af4b96
```
#af4b96 rgb(175,75,150)
```
#af644b
```
#af644b rgb(175,100,75)
```
#4baf64
```
#4baf64 rgb(75,175,100)
```
#4b96af
```
#4b96af rgb(75,150,175)
```

Tetradic Color

#794534
```
#794534 rgb(121,69,52)
```
#8b503c
```
#8b503c rgb(139,80,60)
```
#9d5a43
```
#9d5a43 rgb(157,90,67)
```
#af644b
```
#af644b rgb(175,100,75)
```
#b9725b
```
#b9725b rgb(185,114,91)
```
#c0826d
```
#c0826d rgb(192,130,109)
```
#c8917f
```
#c8917f rgb(200,145,127)
```

Monochromatic Color

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

#af4b4b
```
#af4b4b rgb(175,75,75)
```
#af534b
```
#af534b rgb(175,83,75)
```
#af5c4b
```
#af5c4b rgb(175,92,75)
```
#af644b
```
#af644b rgb(175,100,75)
```
#af6c4b
```
#af6c4b rgb(175,108,75)
```
#af754b
```
#af754b rgb(175,117,75)
```
#af7d4b
```
#af7d4b rgb(175,125,75)
```

Similar Colors

Text with hexadecimal color #af644b

This text has a font color of #af644b.

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

#af644b background color

This paragraph has a background color of #af644b.

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

#af644b border color

This element has a border color of #af644b.

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

CSS codes

.text {color:#af644b;}

.background {background-color:#af644b;}

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

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

#0a0604
```
#0a0604 rgb(10,6,4)
```
#180e0a
```
#180e0a rgb(24,14,10)
```
#261610
```
#261610 rgb(38,22,16)
```
#331d16
```
#331d16 rgb(51,29,22)
```
#41251c
```
#41251c rgb(65,37,28)
```
#4f2d22
```
#4f2d22 rgb(79,45,34)
```
#5d3528
```
#5d3528 rgb(93,53,40)
```
#6a3d2e
```
#6a3d2e rgb(106,61,46)
```
#784533
```
#784533 rgb(120,69,51)
```
#864c39
```
#864c39 rgb(134,76,57)
```
#94543f
```
#94543f rgb(148,84,63)
```
#a15c45
```
#a15c45 rgb(161,92,69)
```
#af644b
```
#af644b rgb(175,100,75)
```

Shade Color Variation

#b76f57
```
#b76f57 rgb(183,111,87)
```
#bd7b64
```
#bd7b64 rgb(189,123,100)
```
#c38672
```
#c38672 rgb(195,134,114)
```
#c99280
```
#c99280 rgb(201,146,128)
```
#ce9e8e
```
#ce9e8e rgb(206,158,142)
```
#d4aa9b
```
#d4aa9b rgb(212,170,155)
```
#dab5a9
```
#dab5a9 rgb(218,181,169)
```
#e0c1b7
```
#e0c1b7 rgb(224,193,183)
```
#e6cdc5
```
#e6cdc5 rgb(230,205,197)
```
#ecd9d2
```
#ecd9d2 rgb(236,217,210)
```
#f2e4e0
```
#f2e4e0 rgb(242,228,224)
```
#f8f0ee
```
#f8f0ee rgb(248,240,238)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7f7c7b
```
#7f7c7b rgb(127,124,123)
```
#897771
```
#897771 rgb(137,119,113)
```
#927268
```
#927268 rgb(146,114,104)
```
#9c6e5e
```
#9c6e5e rgb(156,110,94)
```
#a56955
```
#a56955 rgb(165,105,85)
```
#af644b
```
#af644b rgb(175,100,75)
```
#b95f41
```
#b95f41 rgb(185,95,65)
```
#c25a38
```
#c25a38 rgb(194,90,56)
```
#cc562e
```
#cc562e rgb(204,86,46)
```
#d55125
```
#d55125 rgb(213,81,37)
```
#df4c1b
```
#df4c1b rgb(223,76,27)
```
#e94711
```
#e94711 rgb(233,71,17)
```
#f24208
```
#f24208 rgb(242,66,8)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#83746f Atypical Achromatopsia 0.001% of the population

Dichromacy

#887e5b Protanopia 1% of men
#987950 Deuteranopia 1% of men
#b5686f Tritanopia 0.001% of the population

Trichromacy

#967555 Protanomaly 1% of men, 0.01% of women
#a0714e Deuteranomaly 6% of men, 0.4% of women
#b26662 Tritanomaly 0.01% of the population

#af644b hex color

#af644b Color Information

#af644b Color Conversion

Color Schemes with #af644b

Alternatives to #af644b

#af644b Preview

Shades and Tints of #af644b

Tones of #af644b

Color Blindness Simulator