#af7d63 hex color

In a RGB color space, hex #af7d63 is composed of 68.6% red, 49% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 43.4% yellow and 31.4% black. It has a hue angle of 20.5 degrees, a saturation of 32.2% and a lightness of 53.7%. #af7d63 color hex could be obtained by blending #fffac6 with #5f0000. Closest websafe color is: #996666.

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

● #af7d63 color description : Mostly desaturated dark orange.

The hexadecimal color #af7d63 has RGB values of R:175, G:125, B:99 and CMYK values of C:0, M:0.29, Y:0.43, K:0.31. Its decimal value is 11500899.

Hex triplet	af7d63	`#af7d63`
RGB Decimal	175, 125, 99	`rgb(175,125,99)`
RGB Percent	68.6, 49, 38.8	`rgb(68.6%,49%,38.8%)`
CMYK	0, 29, 43, 31
HSL	20.5°, 32.2, 53.7	`hsl(20.5,32.2%,53.7%)`
HSV (or HSB)	20.5°, 43.4, 68.6
Web Safe	996666	`#996666`

CIE-LAB	56.766, 16.111, 21.862
XYZ	27.265, 24.683, 15.132
xyY	0.406, 0.368, 24.683
CIE-LCH	56.766, 27.157, 53.612
CIE-LUV	56.766, 35.713, 24.524
Hunter-Lab	49.682, 11.014, 16.719
Binary	10101111, 01111101, 01100011

#af7d63
```
#af7d63 rgb(175,125,99)
```
#6395af
```
#6395af rgb(99,149,175)
```

Complementary Color

#af636f
```
#af636f rgb(175,99,111)
```
#af7d63
```
#af7d63 rgb(175,125,99)
```
#afa363
```
#afa363 rgb(175,163,99)
```

Analogous Color

#636faf
```
#636faf rgb(99,111,175)
```
#af7d63
```
#af7d63 rgb(175,125,99)
```
#63afa3
```
#63afa3 rgb(99,175,163)
```

Split Complementary Color

#7d63af
```
#7d63af rgb(125,99,175)
```
#af7d63
```
#af7d63 rgb(175,125,99)
```
#63af7d
```
#63af7d rgb(99,175,125)
```

Triadic Color

#af6395
```
#af6395 rgb(175,99,149)
```
#af7d63
```
#af7d63 rgb(175,125,99)
```
#63af7d
```
#63af7d rgb(99,175,125)
```
#6395af
```
#6395af rgb(99,149,175)
```

Tetradic Color

#835943
```
#835943 rgb(131,89,67)
```
#93644c
```
#93644c rgb(147,100,76)
```
#a47054
```
#a47054 rgb(164,112,84)
```
#af7d63
```
#af7d63 rgb(175,125,99)
```
#b88b74
```
#b88b74 rgb(184,139,116)
```
#c09985
```
#c09985 rgb(192,153,133)
```
#c9a796
```
#c9a796 rgb(201,167,150)
```

Monochromatic Color

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

#af6a63
```
#af6a63 rgb(175,106,99)
```
#af7063
```
#af7063 rgb(175,112,99)
```
#af7763
```
#af7763 rgb(175,119,99)
```
#af7d63
```
#af7d63 rgb(175,125,99)
```
#af8363
```
#af8363 rgb(175,131,99)
```
#af8a63
```
#af8a63 rgb(175,138,99)
```
#af9063
```
#af9063 rgb(175,144,99)
```

Similar Colors

Text with hexadecimal color #af7d63

This text has a font color of #af7d63.

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

#af7d63 background color

This paragraph has a background color of #af7d63.

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

#af7d63 border color

This element has a border color of #af7d63.

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

CSS codes

.text {color:#af7d63;}

.background {background-color:#af7d63;}

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

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

#0d0906
```
#0d0906 rgb(13,9,6)
```
#1a110d
```
#1a110d rgb(26,17,13)
```
#261a14
```
#261a14 rgb(38,26,20)
```
#33231a
```
#33231a rgb(51,35,26)
```
#402c21
```
#402c21 rgb(64,44,33)
```
#4d3528
```
#4d3528 rgb(77,53,40)
```
#5a3d2e
```
#5a3d2e rgb(90,61,46)
```
#674635
```
#674635 rgb(103,70,53)
```
#744f3c
```
#744f3c rgb(116,79,60)
```
#815842
```
#815842 rgb(129,88,66)
```
#8e6149
```
#8e6149 rgb(142,97,73)
```
#9b6950
```
#9b6950 rgb(155,105,80)
```
#a87256
```
#a87256 rgb(168,114,86)
```

Shade Color Variation

#af7d63
```
#af7d63 rgb(175,125,99)
```
#b68870
```
#b68870 rgb(182,136,112)
```
#bc937d
```
#bc937d rgb(188,147,125)
```
#c39d8a
```
#c39d8a rgb(195,157,138)
```
#caa897
```
#caa897 rgb(202,168,151)
```
#d0b3a4
```
#d0b3a4 rgb(208,179,164)
```
#d7beb1
```
#d7beb1 rgb(215,190,177)
```
#dec9be
```
#dec9be rgb(222,201,190)
```
#e4d3cb
```
#e4d3cb rgb(228,211,203)
```
#ebded8
```
#ebded8 rgb(235,222,216)
```
#f1e9e5
```
#f1e9e5 rgb(241,233,229)
```
#f8f4f2
```
#f8f4f2 rgb(248,244,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b8887
```
#8b8887 rgb(139,136,135)
```
#94867e
```
#94867e rgb(148,134,126)
```
#9d8375
```
#9d8375 rgb(157,131,117)
```
#a6806c
```
#a6806c rgb(166,128,108)
```
#af7d63
```
#af7d63 rgb(175,125,99)
```
#b87a5a
```
#b87a5a rgb(184,122,90)
```
#c17751
```
#c17751 rgb(193,119,81)
```
#ca7448
```
#ca7448 rgb(202,116,72)
```
#d3723f
```
#d3723f rgb(211,114,63)
```
#dc6f36
```
#dc6f36 rgb(220,111,54)
```
#e56c2d
```
#e56c2d rgb(229,108,45)
```
#ef6923
```
#ef6923 rgb(239,105,35)
```
#f8661a
```
#f8661a rgb(248,102,26)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#918781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978e6f Protanopia 1% of men
#a78869 Deuteranopia 1% of men
#b67f88 Tritanopia 0.001% of the population

Trichromacy

#a0876a Protanomaly 1% of men, 0.01% of women
#aa8467 Deuteranomaly 6% of men, 0.4% of women
#b37e7a Tritanomaly 0.01% of the population

#af7d63 hex color

#af7d63 Color Information

#af7d63 Color Conversion

Color Schemes with #af7d63

Alternatives to #af7d63

#af7d63 Preview

Shades and Tints of #af7d63

Tones of #af7d63

Color Blindness Simulator