#af5037 hex color

In a RGB color space, hex #af5037 is composed of 68.6% red, 31.4% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 68.6% yellow and 31.4% black. It has a hue angle of 12.5 degrees, a saturation of 52.2% and a lightness of 45.1%. #af5037 color hex could be obtained by blending #ffa06e with #5f0000. Closest websafe color is: #996633.

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

● #af5037 color description : Dark moderate red.

The hexadecimal color #af5037 has RGB values of R:175, G:80, B:55 and CMYK values of C:0, M:0.54, Y:0.69, K:0.31. Its decimal value is 11489335.

Hex triplet	af5037	`#af5037`
RGB Decimal	175, 80, 55	`rgb(175,80,55)`
RGB Percent	68.6, 31.4, 21.6	`rgb(68.6%,31.4%,21.6%)`
CMYK	0, 54, 69, 31
HSL	12.5°, 52.2, 45.1	`hsl(12.5,52.2%,45.1%)`
HSV (or HSB)	12.5°, 68.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.811, 36.985, 33.016
XYZ	21.238, 15.129, 5.416
xyY	0.508, 0.362, 15.129
CIE-LCH	45.811, 49.578, 41.755
CIE-LUV	45.811, 73.511, 27.754
Hunter-Lab	38.896, 29.397, 18.972
Binary	10101111, 01010000, 00110111

#af5037
```
#af5037 rgb(175,80,55)
```
#3796af
```
#3796af rgb(55,150,175)
```

Complementary Color

#af375a
```
#af375a rgb(175,55,90)
```
#af5037
```
#af5037 rgb(175,80,55)
```
#af8c37
```
#af8c37 rgb(175,140,55)
```

Analogous Color

#375aaf
```
#375aaf rgb(55,90,175)
```
#af5037
```
#af5037 rgb(175,80,55)
```
#37af8c
```
#37af8c rgb(55,175,140)
```

Split Complementary Color

#5037af
```
#5037af rgb(80,55,175)
```
#af5037
```
#af5037 rgb(175,80,55)
```
#37af50
```
#37af50 rgb(55,175,80)
```

Triadic Color

#af3796
```
#af3796 rgb(175,55,150)
```
#af5037
```
#af5037 rgb(175,80,55)
```
#37af50
```
#37af50 rgb(55,175,80)
```
#3796af
```
#3796af rgb(55,150,175)
```

Tetradic Color

#753525
```
#753525 rgb(117,53,37)
```
#883e2b
```
#883e2b rgb(136,62,43)
```
#9c4731
```
#9c4731 rgb(156,71,49)
```
#af5037
```
#af5037 rgb(175,80,55)
```
#c2593d
```
#c2593d rgb(194,89,61)
```
#c86a51
```
#c86a51 rgb(200,106,81)
```
#ce7a64
```
#ce7a64 rgb(206,122,100)
```

Monochromatic Color

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

#af373c
```
#af373c rgb(175,55,60)
```
#af3c37
```
#af3c37 rgb(175,60,55)
```
#af4637
```
#af4637 rgb(175,70,55)
```
#af5037
```
#af5037 rgb(175,80,55)
```
#af5a37
```
#af5a37 rgb(175,90,55)
```
#af6437
```
#af6437 rgb(175,100,55)
```
#af6e37
```
#af6e37 rgb(175,110,55)
```

Similar Colors

Text with hexadecimal color #af5037

This text has a font color of #af5037.

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

#af5037 background color

This paragraph has a background color of #af5037.

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

#af5037 border color

This element has a border color of #af5037.

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

CSS codes

.text {color:#af5037;}

.background {background-color:#af5037;}

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

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

#0b0503
```
#0b0503 rgb(11,5,3)
```
#1a0c08
```
#1a0c08 rgb(26,12,8)
```
#29130d
```
#29130d rgb(41,19,13)
```
#381911
```
#381911 rgb(56,25,17)
```
#472016
```
#472016 rgb(71,32,22)
```
#55271b
```
#55271b rgb(85,39,27)
```
#642e20
```
#642e20 rgb(100,46,32)
```
#733524
```
#733524 rgb(115,53,36)
```
#823c29
```
#823c29 rgb(130,60,41)
```
#91422e
```
#91422e rgb(145,66,46)
```
#a04932
```
#a04932 rgb(160,73,50)
```
#af5037
```
#af5037 rgb(175,80,55)
```
#be573c
```
#be573c rgb(190,87,60)
```

Shade Color Variation

#c56248
```
#c56248 rgb(197,98,72)
```
#ca6f57
```
#ca6f57 rgb(202,111,87)
```
#cf7c66
```
#cf7c66 rgb(207,124,102)
```
#d38875
```
#d38875 rgb(211,136,117)
```
#d89584
```
#d89584 rgb(216,149,132)
```
#dda292
```
#dda292 rgb(221,162,146)
```
#e2afa1
```
#e2afa1 rgb(226,175,161)
```
#e6bcb0
```
#e6bcb0 rgb(230,188,176)
```
#ebc8bf
```
#ebc8bf rgb(235,200,191)
```
#f0d5ce
```
#f0d5ce rgb(240,213,206)
```
#f4e2dd
```
#f4e2dd rgb(244,226,221)
```
#f9efec
```
#f9efec rgb(249,239,236)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#7a6f6c
```
#7a6f6c rgb(122,111,108)
```
#836a63
```
#836a63 rgb(131,106,99)
```
#8c655a
```
#8c655a rgb(140,101,90)
```
#945f52
```
#945f52 rgb(148,95,82)
```
#9d5a49
```
#9d5a49 rgb(157,90,73)
```
#a65540
```
#a65540 rgb(166,85,64)
```
#af5037
```
#af5037 rgb(175,80,55)
```
#b84b2e
```
#b84b2e rgb(184,75,46)
```
#c14625
```
#c14625 rgb(193,70,37)
```
#ca411c
```
#ca411c rgb(202,65,28)
```
#d23b14
```
#d23b14 rgb(210,59,20)
```
#db360b
```
#db360b rgb(219,54,11)
```
#e43102
```
#e43102 rgb(228,49,2)
```

Tone Color Variation

Below, you can see how #af5037 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
#786560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e744a Protanopia 1% of men
#8d6e3b Deuteranopia 1% of men
#b4555b Tritanopia 0.001% of the population

Trichromacy

#8f6643 Protanomaly 1% of men, 0.01% of women
#996339 Deuteranomaly 6% of men, 0.4% of women
#b2534d Tritanomaly 0.01% of the population

#af5037 hex color

#af5037 Color Information

#af5037 Color Conversion

Color Schemes with #af5037

Alternatives to #af5037

#af5037 Preview

Shades and Tints of #af5037

Tones of #af5037

Color Blindness Simulator