#af5138 hex color

In a RGB color space, hex #af5138 is composed of 68.6% red, 31.8% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 68% yellow and 31.4% black. It has a hue angle of 12.6 degrees, a saturation of 51.5% and a lightness of 45.3%. #af5138 color hex could be obtained by blending #ffa270 with #5f0000. Closest websafe color is: #996633.

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

● #af5138 color description : Dark moderate red.

The hexadecimal color #af5138 has RGB values of R:175, G:81, B:56 and CMYK values of C:0, M:0.54, Y:0.68, K:0.31. Its decimal value is 11489592.

Hex triplet	af5138	`#af5138`
RGB Decimal	175, 81, 56	`rgb(175,81,56)`
RGB Percent	68.6, 31.8, 22	`rgb(68.6%,31.8%,22%)`
CMYK	0, 54, 68, 31
HSL	12.6°, 51.5, 45.3	`hsl(12.6,51.5%,45.3%)`
HSV (or HSB)	12.6°, 68, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.024, 36.531, 32.702
XYZ	21.336, 15.286, 5.568
xyY	0.506, 0.362, 15.286
CIE-LCH	46.024, 49.03, 41.834
CIE-LUV	46.024, 72.636, 27.694
Hunter-Lab	39.098, 28.989, 18.925
Binary	10101111, 01010001, 00111000

#af5138
```
#af5138 rgb(175,81,56)
```
#3896af
```
#3896af rgb(56,150,175)
```

Complementary Color

#af385b
```
#af385b rgb(175,56,91)
```
#af5138
```
#af5138 rgb(175,81,56)
```
#af8d38
```
#af8d38 rgb(175,141,56)
```

Analogous Color

#385baf
```
#385baf rgb(56,91,175)
```
#af5138
```
#af5138 rgb(175,81,56)
```
#38af8d
```
#38af8d rgb(56,175,141)
```

Split Complementary Color

#5138af
```
#5138af rgb(81,56,175)
```
#af5138
```
#af5138 rgb(175,81,56)
```
#38af51
```
#38af51 rgb(56,175,81)
```

Triadic Color

#af3896
```
#af3896 rgb(175,56,150)
```
#af5138
```
#af5138 rgb(175,81,56)
```
#38af51
```
#38af51 rgb(56,175,81)
```
#3896af
```
#3896af rgb(56,150,175)
```

Tetradic Color

#753625
```
#753625 rgb(117,54,37)
```
#883f2c
```
#883f2c rgb(136,63,44)
```
#9c4832
```
#9c4832 rgb(156,72,50)
```
#af5138
```
#af5138 rgb(175,81,56)
```
#c25a3f
```
#c25a3f rgb(194,90,63)
```
#c86b52
```
#c86b52 rgb(200,107,82)
```
#ce7c66
```
#ce7c66 rgb(206,124,102)
```

Monochromatic Color

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

#af383d
```
#af383d rgb(175,56,61)
```
#af3d38
```
#af3d38 rgb(175,61,56)
```
#af4738
```
#af4738 rgb(175,71,56)
```
#af5138
```
#af5138 rgb(175,81,56)
```
#af5b38
```
#af5b38 rgb(175,91,56)
```
#af6538
```
#af6538 rgb(175,101,56)
```
#af6f38
```
#af6f38 rgb(175,111,56)
```

Similar Colors

Text with hexadecimal color #af5138

This text has a font color of #af5138.

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

#af5138 background color

This paragraph has a background color of #af5138.

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

#af5138 border color

This element has a border color of #af5138.

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

CSS codes

.text {color:#af5138;}

.background {background-color:#af5138;}

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

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

#0c0504
```
#0c0504 rgb(12,5,4)
```
#1a0c08
```
#1a0c08 rgb(26,12,8)
```
#29130d
```
#29130d rgb(41,19,13)
```
#381a12
```
#381a12 rgb(56,26,18)
```
#472117
```
#472117 rgb(71,33,23)
```
#56281b
```
#56281b rgb(86,40,27)
```
#652f20
```
#652f20 rgb(101,47,32)
```
#743525
```
#743525 rgb(116,53,37)
```
#823c2a
```
#823c2a rgb(130,60,42)
```
#91432e
```
#91432e rgb(145,67,46)
```
#a04a33
```
#a04a33 rgb(160,74,51)
```
#af5138
```
#af5138 rgb(175,81,56)
```
#be583d
```
#be583d rgb(190,88,61)
```

Shade Color Variation

#c56349
```
#c56349 rgb(197,99,73)
```
#ca7058
```
#ca7058 rgb(202,112,88)
```
#ce7d67
```
#ce7d67 rgb(206,125,103)
```
#d38a76
```
#d38a76 rgb(211,138,118)
```
#d89685
```
#d89685 rgb(216,150,133)
```
#dda394
```
#dda394 rgb(221,163,148)
```
#e1b0a3
```
#e1b0a3 rgb(225,176,163)
```
#e6bcb1
```
#e6bcb1 rgb(230,188,177)
```
#ebc9c0
```
#ebc9c0 rgb(235,201,192)
```
#f0d6cf
```
#f0d6cf rgb(240,214,207)
```
#f4e3de
```
#f4e3de rgb(244,227,222)
```
#f9efed
```
#f9efed rgb(249,239,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7a706d
```
#7a706d rgb(122,112,109)
```
#836b64
```
#836b64 rgb(131,107,100)
```
#8b665c
```
#8b665c rgb(139,102,92)
```
#946053
```
#946053 rgb(148,96,83)
```
#9d5b4a
```
#9d5b4a rgb(157,91,74)
```
#a65641
```
#a65641 rgb(166,86,65)
```
#af5138
```
#af5138 rgb(175,81,56)
```
#b84c2f
```
#b84c2f rgb(184,76,47)
```
#c14726
```
#c14726 rgb(193,71,38)
```
#ca421d
```
#ca421d rgb(202,66,29)
```
#d33c14
```
#d33c14 rgb(211,60,20)
```
#db370c
```
#db370c rgb(219,55,12)
```
#e43203
```
#e43203 rgb(228,50,3)
```

Tone Color Variation

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

#7e744b Protanopia 1% of men
#8e6f3c Deuteranopia 1% of men
#b4565c Tritanopia 0.001% of the population

Trichromacy

#906744 Protanomaly 1% of men, 0.01% of women
#9a643a Deuteranomaly 6% of men, 0.4% of women
#b2544e Tritanomaly 0.01% of the population

#af5138 hex color

#af5138 Color Information

#af5138 Color Conversion

Color Schemes with #af5138

Alternatives to #af5138

#af5138 Preview

Shades and Tints of #af5138

Tones of #af5138

Color Blindness Simulator