colorhexa.com

#af5a38 hex color

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

- R 69
- G 35
- B 22
RGB color chart
- C 0
- M 49
- Y 68
- K 31
CMYK color chart

● #af5a38 color description : Dark moderate orange.

The hexadecimal color #af5a38 has RGB values of R:175, G:90, B:56 and CMYK values of C:0, M:0.49, Y:0.68, K:0.31. Its decimal value is 11491896.

Hex triplet	af5a38	`#af5a38`
RGB Decimal	175, 90, 56	`rgb(175,90,56)`
RGB Percent	68.6, 35.3, 22	`rgb(68.6%,35.3%,22%)`
CMYK	0, 49, 68, 31
HSL	17.1°, 51.5, 45.3	`hsl(17.1,51.5%,45.3%)`
HSV (or HSB)	17.1°, 68, 68.6
Web Safe	996633	`#996633`

CIE-LAB	47.897, 31.807, 34.889
XYZ	22.05, 16.714, 5.806
xyY	0.495, 0.375, 16.714
CIE-LCH	47.897, 47.212, 47.646
CIE-LUV	47.897, 66.073, 31.167
Hunter-Lab	40.882, 24.729, 20.197
Binary	10101111, 01011010, 00111000

#af5a38
```
#af5a38 rgb(175,90,56)
```
#388daf
```
#388daf rgb(56,141,175)
```

Complementary Color

#af3852
```
#af3852 rgb(175,56,82)
```
#af5a38
```
#af5a38 rgb(175,90,56)
```
#af9638
```
#af9638 rgb(175,150,56)
```

Analogous Color

#3851af
```
#3851af rgb(56,81,175)
```
#af5a38
```
#af5a38 rgb(175,90,56)
```
#38af96
```
#38af96 rgb(56,175,150)
```

Split Complementary Color

#5a38af
```
#5a38af rgb(90,56,175)
```
#af5a38
```
#af5a38 rgb(175,90,56)
```
#38af5a
```
#38af5a rgb(56,175,90)
```

Triadic Color

#af388d
```
#af388d rgb(175,56,141)
```
#af5a38
```
#af5a38 rgb(175,90,56)
```
#38af5a
```
#38af5a rgb(56,175,90)
```
#388daf
```
#388daf rgb(56,141,175)
```

Tetradic Color

#753c25
```
#753c25 rgb(117,60,37)
```
#88462c
```
#88462c rgb(136,70,44)
```
#9c5032
```
#9c5032 rgb(156,80,50)
```
#af5a38
```
#af5a38 rgb(175,90,56)
```
#c2643f
```
#c2643f rgb(194,100,63)
```
#c87452
```
#c87452 rgb(200,116,82)
```
#ce8366
```
#ce8366 rgb(206,131,102)
```

Monochromatic Color

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

#af3c38
```
#af3c38 rgb(175,60,56)
```
#af4638
```
#af4638 rgb(175,70,56)
```
#af5038
```
#af5038 rgb(175,80,56)
```
#af5a38
```
#af5a38 rgb(175,90,56)
```
#af6438
```
#af6438 rgb(175,100,56)
```
#af6e38
```
#af6e38 rgb(175,110,56)
```
#af7838
```
#af7838 rgb(175,120,56)
```

Similar Colors

Text with hexadecimal color #af5a38

This text has a font color of #af5a38.

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

#af5a38 background color

This paragraph has a background color of #af5a38.

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

#af5a38 border color

This element has a border color of #af5a38.

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

CSS codes

.text {color:#af5a38;}

.background {background-color:#af5a38;}

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

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

#0c0604
```
#0c0604 rgb(12,6,4)
```
#1a0e08
```
#1a0e08 rgb(26,14,8)
```
#29150d
```
#29150d rgb(41,21,13)
```
#381d12
```
#381d12 rgb(56,29,18)
```
#472517
```
#472517 rgb(71,37,23)
```
#562c1b
```
#562c1b rgb(86,44,27)
```
#653420
```
#653420 rgb(101,52,32)
```
#743b25
```
#743b25 rgb(116,59,37)
```
#82432a
```
#82432a rgb(130,67,42)
```
#914b2e
```
#914b2e rgb(145,75,46)
```
#a05233
```
#a05233 rgb(160,82,51)
```
#af5a38
```
#af5a38 rgb(175,90,56)
```
#be623d
```
#be623d rgb(190,98,61)
```

Shade Color Variation

#c56d49
```
#c56d49 rgb(197,109,73)
```
#ca7958
```
#ca7958 rgb(202,121,88)
```
#ce8567
```
#ce8567 rgb(206,133,103)
```
#d39176
```
#d39176 rgb(211,145,118)
```
#d89d85
```
#d89d85 rgb(216,157,133)
```
#dda994
```
#dda994 rgb(221,169,148)
```
#e1b4a3
```
#e1b4a3 rgb(225,180,163)
```
#e6c0b1
```
#e6c0b1 rgb(230,192,177)
```
#ebccc0
```
#ebccc0 rgb(235,204,192)
```
#f0d8cf
```
#f0d8cf rgb(240,216,207)
```
#f4e4de
```
#f4e4de rgb(244,228,222)
```
#f9f0ed
```
#f9f0ed rgb(249,240,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7a716d
```
#7a716d rgb(122,113,109)
```
#836d64
```
#836d64 rgb(131,109,100)
```
#8b695c
```
#8b695c rgb(139,105,92)
```
#946553
```
#946553 rgb(148,101,83)
```
#9d624a
```
#9d624a rgb(157,98,74)
```
#a65e41
```
#a65e41 rgb(166,94,65)
```
#af5a38
```
#af5a38 rgb(175,90,56)
```
#b8562f
```
#b8562f rgb(184,86,47)
```
#c15226
```
#c15226 rgb(193,82,38)
```
#ca4f1d
```
#ca4f1d rgb(202,79,29)
```
#d34b14
```
#d34b14 rgb(211,75,20)
```
#db470c
```
#db470c rgb(219,71,12)
```
#e44303
```
#e44303 rgb(228,67,3)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7d6c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847949 Protanopia 1% of men
#93733d Deuteranopia 1% of men
#b55e64 Tritanopia 0.001% of the population

Trichromacy

#936d43 Protanomaly 1% of men, 0.01% of women
#9d6a3b Deuteranomaly 6% of men, 0.4% of women
#b25c54 Tritanomaly 0.01% of the population