#af503e hex color

In a RGB color space, hex #af503e is composed of 68.6% red, 31.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 64.6% yellow and 31.4% black. It has a hue angle of 9.6 degrees, a saturation of 47.7% and a lightness of 46.5%. #af503e color hex could be obtained by blending #ffa07c with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 31
- B 24
RGB color chart
- C 0
- M 54
- Y 65
- K 31
CMYK color chart

● #af503e color description : Dark moderate red.

The hexadecimal color #af503e has RGB values of R:175, G:80, B:62 and CMYK values of C:0, M:0.54, Y:0.65, K:0.31. Its decimal value is 11489342.

Hex triplet	af503e	`#af503e`
RGB Decimal	175, 80, 62	`rgb(175,80,62)`
RGB Percent	68.6, 31.4, 24.3	`rgb(68.6%,31.4%,24.3%)`
CMYK	0, 54, 65, 31
HSL	9.6°, 47.7, 46.5	`hsl(9.6,47.7%,46.5%)`
HSV (or HSB)	9.6°, 64.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.908, 37.417, 29.125
XYZ	21.418, 15.201, 6.363
xyY	0.498, 0.354, 15.201
CIE-LCH	45.908, 47.416, 37.896
CIE-LUV	45.908, 72.338, 24.559
Hunter-Lab	38.989, 29.828, 17.615
Binary	10101111, 01010000, 00111110

#af503e
```
#af503e rgb(175,80,62)
```
#3e9daf
```
#3e9daf rgb(62,157,175)
```

Complementary Color

#af3e65
```
#af3e65 rgb(175,62,101)
```
#af503e
```
#af503e rgb(175,80,62)
```
#af893e
```
#af893e rgb(175,137,62)
```

Analogous Color

#3e65af
```
#3e65af rgb(62,101,175)
```
#af503e
```
#af503e rgb(175,80,62)
```
#3eaf89
```
#3eaf89 rgb(62,175,137)
```

Split Complementary Color

#503eaf
```
#503eaf rgb(80,62,175)
```
#af503e
```
#af503e rgb(175,80,62)
```
#3eaf50
```
#3eaf50 rgb(62,175,80)
```

Triadic Color

#af3e9d
```
#af3e9d rgb(175,62,157)
```
#af503e
```
#af503e rgb(175,80,62)
```
#3eaf50
```
#3eaf50 rgb(62,175,80)
```
#3e9daf
```
#3e9daf rgb(62,157,175)
```

Tetradic Color

#77362a
```
#77362a rgb(119,54,42)
```
#893f31
```
#893f31 rgb(137,63,49)
```
#9c4737
```
#9c4737 rgb(156,71,55)
```
#af503e
```
#af503e rgb(175,80,62)
```
#be5b48
```
#be5b48 rgb(190,91,72)
```
#c56c5b
```
#c56c5b rgb(197,108,91)
```
#cc7d6e
```
#cc7d6e rgb(204,125,110)
```

Monochromatic Color

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

#af3e48
```
#af3e48 rgb(175,62,72)
```
#af3e3f
```
#af3e3f rgb(175,62,63)
```
#af473e
```
#af473e rgb(175,71,62)
```
#af503e
```
#af503e rgb(175,80,62)
```
#af593e
```
#af593e rgb(175,89,62)
```
#af633e
```
#af633e rgb(175,99,62)
```
#af6c3e
```
#af6c3e rgb(175,108,62)
```

Similar Colors

Text with hexadecimal color #af503e

This text has a font color of #af503e.

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

#af503e background color

This paragraph has a background color of #af503e.

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

#af503e border color

This element has a border color of #af503e.

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

CSS codes

.text {color:#af503e;}

.background {background-color:#af503e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100706
```
#100706 rgb(16,7,6)
```
#1e0e0b
```
#1e0e0b rgb(30,14,11)
```
#2d1410
```
#2d1410 rgb(45,20,16)
```
#3b1b15
```
#3b1b15 rgb(59,27,21)
```
#4a221a
```
#4a221a rgb(74,34,26)
```
#58281f
```
#58281f rgb(88,40,31)
```
#672f24
```
#672f24 rgb(103,47,36)
```
#753629
```
#753629 rgb(117,54,41)
```
#843c2f
```
#843c2f rgb(132,60,47)
```
#924334
```
#924334 rgb(146,67,52)
```
#a14939
```
#a14939 rgb(161,73,57)
```
#af503e
```
#af503e rgb(175,80,62)
```

Shade Color Variation

#bd5744
```
#bd5744 rgb(189,87,68)
```
#c26452
```
#c26452 rgb(194,100,82)
```
#c77161
```
#c77161 rgb(199,113,97)
```
#cc7e6f
```
#cc7e6f rgb(204,126,111)
```
#d18b7e
```
#d18b7e rgb(209,139,126)
```
#d6988c
```
#d6988c rgb(214,152,140)
```
#dca59b
```
#dca59b rgb(220,165,155)
```
#e1b2a9
```
#e1b2a9 rgb(225,178,169)
```
#e6bfb8
```
#e6bfb8 rgb(230,191,184)
```
#ebccc6
```
#ebccc6 rgb(235,204,198)
```
#f0d9d5
```
#f0d9d5 rgb(240,217,213)
```
#f5e6e3
```
#f5e6e3 rgb(245,230,227)
```
#faf3f2
```
#faf3f2 rgb(250,243,242)
```

Tint Color Variation

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

#787575
```
#787575 rgb(120,117,117)
```
#816f6c
```
#816f6c rgb(129,111,108)
```
#8b6962
```
#8b6962 rgb(139,105,98)
```
#946359
```
#946359 rgb(148,99,89)
```
#9d5c50
```
#9d5c50 rgb(157,92,80)
```
#a65647
```
#a65647 rgb(166,86,71)
```
#af503e
```
#af503e rgb(175,80,62)
```
#b84a35
```
#b84a35 rgb(184,74,53)
```
#c1442c
```
#c1442c rgb(193,68,44)
```
#ca3d23
```
#ca3d23 rgb(202,61,35)
```
#d3371a
```
#d3371a rgb(211,55,26)
```
#dd3110
```
#dd3110 rgb(221,49,16)
```
#e62b07
```
#e62b07 rgb(230,43,7)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#786561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7451 Protanopia 1% of men
#8d6f42 Deuteranopia 1% of men
#b4565b Tritanopia 0.001% of the population

Trichromacy

#8f674a Protanomaly 1% of men, 0.01% of women
#996340 Deuteranomaly 6% of men, 0.4% of women
#b25450 Tritanomaly 0.01% of the population

#af503e hex color

#af503e Color Information

#af503e Color Conversion

Color Schemes with #af503e

Alternatives to #af503e

#af503e Preview

Shades and Tints of #af503e

Tones of #af503e

Color Blindness Simulator