#af523f hex color

In a RGB color space, hex #af523f is composed of 68.6% red, 32.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 64% yellow and 31.4% black. It has a hue angle of 10.2 degrees, a saturation of 47.1% and a lightness of 46.7%. #af523f color hex could be obtained by blending #ffa47e with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 32
- B 25
RGB color chart
- C 0
- M 53
- Y 64
- K 31
CMYK color chart

● #af523f color description : Dark moderate red.

The hexadecimal color #af523f has RGB values of R:175, G:82, B:63 and CMYK values of C:0, M:0.53, Y:0.64, K:0.31. Its decimal value is 11489855.

Hex triplet	af523f	`#af523f`
RGB Decimal	175, 82, 63	`rgb(175,82,63)`
RGB Percent	68.6, 32.2, 24.7	`rgb(68.6%,32.2%,24.7%)`
CMYK	0, 53, 64, 31
HSL	10.2°, 47.1, 46.7	`hsl(10.2,47.1%,46.7%)`
HSV (or HSB)	10.2°, 64, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.324, 36.458, 29.055
XYZ	21.594, 15.509, 6.559
xyY	0.495, 0.355, 15.509
CIE-LCH	46.324, 46.62, 38.553
CIE-LUV	46.324, 70.765, 24.848
Hunter-Lab	39.382, 28.959, 17.693
Binary	10101111, 01010010, 00111111

#af523f
```
#af523f rgb(175,82,63)
```
#3f9caf
```
#3f9caf rgb(63,156,175)
```

Complementary Color

#af3f64
```
#af3f64 rgb(175,63,100)
```
#af523f
```
#af523f rgb(175,82,63)
```
#af8a3f
```
#af8a3f rgb(175,138,63)
```

Analogous Color

#3f64af
```
#3f64af rgb(63,100,175)
```
#af523f
```
#af523f rgb(175,82,63)
```
#3faf8a
```
#3faf8a rgb(63,175,138)
```

Split Complementary Color

#523faf
```
#523faf rgb(82,63,175)
```
#af523f
```
#af523f rgb(175,82,63)
```
#3faf52
```
#3faf52 rgb(63,175,82)
```

Triadic Color

#af3f9c
```
#af3f9c rgb(175,63,156)
```
#af523f
```
#af523f rgb(175,82,63)
```
#3faf52
```
#3faf52 rgb(63,175,82)
```
#3f9caf
```
#3f9caf rgb(63,156,175)
```

Tetradic Color

#77382b
```
#77382b rgb(119,56,43)
```
#8a4032
```
#8a4032 rgb(138,64,50)
```
#9c4938
```
#9c4938 rgb(156,73,56)
```
#af523f
```
#af523f rgb(175,82,63)
```
#be5d4a
```
#be5d4a rgb(190,93,74)
```
#c56e5d
```
#c56e5d rgb(197,110,93)
```
#cb7f6f
```
#cb7f6f rgb(203,127,111)
```

Monochromatic Color

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

#af3f48
```
#af3f48 rgb(175,63,72)
```
#af3f3f
```
#af3f3f rgb(175,63,63)
```
#af493f
```
#af493f rgb(175,73,63)
```
#af523f
```
#af523f rgb(175,82,63)
```
#af5b3f
```
#af5b3f rgb(175,91,63)
```
#af653f
```
#af653f rgb(175,101,63)
```
#af6e3f
```
#af6e3f rgb(175,110,63)
```

Similar Colors

Text with hexadecimal color #af523f

This text has a font color of #af523f.

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

#af523f background color

This paragraph has a background color of #af523f.

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

#af523f border color

This element has a border color of #af523f.

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

CSS codes

.text {color:#af523f;}

.background {background-color:#af523f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100806
```
#100806 rgb(16,8,6)
```
#1f0e0b
```
#1f0e0b rgb(31,14,11)
```
#2d1510
```
#2d1510 rgb(45,21,16)
```
#3c1c15
```
#3c1c15 rgb(60,28,21)
```
#4a231b
```
#4a231b rgb(74,35,27)
```
#582920
```
#582920 rgb(88,41,32)
```
#673025
```
#673025 rgb(103,48,37)
```
#75372a
```
#75372a rgb(117,55,42)
```
#843e2f
```
#843e2f rgb(132,62,47)
```
#924435
```
#924435 rgb(146,68,53)
```
#a14b3a
```
#a14b3a rgb(161,75,58)
```
#af523f
```
#af523f rgb(175,82,63)
```

Shade Color Variation

#bc5a45
```
#bc5a45 rgb(188,90,69)
```
#c16654
```
#c16654 rgb(193,102,84)
```
#c77362
```
#c77362 rgb(199,115,98)
```
#cc8071
```
#cc8071 rgb(204,128,113)
```
#d18d7f
```
#d18d7f rgb(209,141,127)
```
#d69a8e
```
#d69a8e rgb(214,154,142)
```
#dba79c
```
#dba79c rgb(219,167,156)
```
#e1b4aa
```
#e1b4aa rgb(225,180,170)
```
#e6c0b9
```
#e6c0b9 rgb(230,192,185)
```
#ebcdc7
```
#ebcdc7 rgb(235,205,199)
```
#f0dad6
```
#f0dad6 rgb(240,218,214)
```
#f5e7e4
```
#f5e7e4 rgb(245,231,228)
```
#fbf4f3
```
#fbf4f3 rgb(251,244,243)
```

Tint Color Variation

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

#787676
```
#787676 rgb(120,118,118)
```
#81706d
```
#81706d rgb(129,112,109)
```
#8a6a64
```
#8a6a64 rgb(138,106,100)
```
#94645a
```
#94645a rgb(148,100,90)
```
#9d5e51
```
#9d5e51 rgb(157,94,81)
```
#a65848
```
#a65848 rgb(166,88,72)
```
#af523f
```
#af523f rgb(175,82,63)
```
#b84c36
```
#b84c36 rgb(184,76,54)
```
#c1462d
```
#c1462d rgb(193,70,45)
```
#ca4024
```
#ca4024 rgb(202,64,36)
```
#d43a1a
```
#d43a1a rgb(212,58,26)
```
#dd3411
```
#dd3411 rgb(221,52,17)
```
#e62e08
```
#e62e08 rgb(230,46,8)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796763 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7552 Protanopia 1% of men
#8e7043 Deuteranopia 1% of men
#b4585d Tritanopia 0.001% of the population

Trichromacy

#90684b Protanomaly 1% of men, 0.01% of women
#9a6541 Deuteranomaly 6% of men, 0.4% of women
#b25552 Tritanomaly 0.01% of the population

#af523f hex color

#af523f Color Information

#af523f Color Conversion

Color Schemes with #af523f

Alternatives to #af523f

#af523f Preview

Shades and Tints of #af523f

Tones of #af523f

Color Blindness Simulator