#af4505 hex color

In a RGB color space, hex #af4505 is composed of 68.6% red, 27.1% green and 2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.6% magenta, 97.1% yellow and 31.4% black. It has a hue angle of 22.6 degrees, a saturation of 94.4% and a lightness of 35.3%. #af4505 color hex could be obtained by blending #ff8a0a with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 27
- B 2
RGB color chart
- C 0
- M 61
- Y 97
- K 31
CMYK color chart

● #af4505 color description : Dark orange [Brown tone].

The hexadecimal color #af4505 has RGB values of R:175, G:69, B:5 and CMYK values of C:0, M:0.61, Y:0.97, K:0.31. Its decimal value is 11486469.

Hex triplet	af4505	`#af4505`
RGB Decimal	175, 69, 5	`rgb(175,69,5)`
RGB Percent	68.6, 27.1, 2	`rgb(68.6%,27.1%,2%)`
CMYK	0, 61, 97, 31
HSL	22.6°, 94.4, 35.3	`hsl(22.6,94.4%,35.3%)`
HSV (or HSB)	22.6°, 97.1, 68.6
Web Safe	993300	`#993300`

CIE-LAB	43.335, 40.823, 52.489
XYZ	19.836, 13.383, 1.682
xyY	0.568, 0.383, 13.383
CIE-LCH	43.335, 66.495, 52.126
CIE-LUV	43.335, 86.647, 36.898
Hunter-Lab	36.583, 32.763, 22.882
Binary	10101111, 01000101, 00000101

#af4505
```
#af4505 rgb(175,69,5)
```
#056faf
```
#056faf rgb(5,111,175)
```

Complementary Color

#af051a
```
#af051a rgb(175,5,26)
```
#af4505
```
#af4505 rgb(175,69,5)
```
#af9a05
```
#af9a05 rgb(175,154,5)
```

Analogous Color

#051aaf
```
#051aaf rgb(5,26,175)
```
#af4505
```
#af4505 rgb(175,69,5)
```
#05af9a
```
#05af9a rgb(5,175,154)
```

Split Complementary Color

#4505af
```
#4505af rgb(69,5,175)
```
#af4505
```
#af4505 rgb(175,69,5)
```
#05af45
```
#05af45 rgb(5,175,69)
```

Triadic Color

#af056f
```
#af056f rgb(175,5,111)
```
#af4505
```
#af4505 rgb(175,69,5)
```
#05af45
```
#05af45 rgb(5,175,69)
```
#056faf
```
#056faf rgb(5,111,175)
```

Tetradic Color

#652803
```
#652803 rgb(101,40,3)
```
#7d3104
```
#7d3104 rgb(125,49,4)
```
#963b04
```
#963b04 rgb(150,59,4)
```
#af4505
```
#af4505 rgb(175,69,5)
```
#c84f06
```
#c84f06 rgb(200,79,6)
```
#e15906
```
#e15906 rgb(225,89,6)
```
#f86309
```
#f86309 rgb(248,99,9)
```

Monochromatic Color

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

#af1a05
```
#af1a05 rgb(175,26,5)
```
#af2905
```
#af2905 rgb(175,41,5)
```
#af3705
```
#af3705 rgb(175,55,5)
```
#af4505
```
#af4505 rgb(175,69,5)
```
#af5305
```
#af5305 rgb(175,83,5)
```
#af6105
```
#af6105 rgb(175,97,5)
```
#af7005
```
#af7005 rgb(175,112,5)
```

Similar Colors

Text with hexadecimal color #af4505

This text has a font color of #af4505.

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

#af4505 background color

This paragraph has a background color of #af4505.

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

#af4505 border color

This element has a border color of #af4505.

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

CSS codes

.text {color:#af4505;}

.background {background-color:#af4505;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160901
```
#160901 rgb(22,9,1)
```
#2a1001
```
#2a1001 rgb(42,16,1)
```
#3d1802
```
#3d1802 rgb(61,24,2)
```
#501f02
```
#501f02 rgb(80,31,2)
```
#632703
```
#632703 rgb(99,39,3)
```
#762e03
```
#762e03 rgb(118,46,3)
```
#893604
```
#893604 rgb(137,54,4)
```
#9c3d04
```
#9c3d04 rgb(156,61,4)
```
#af4505
```
#af4505 rgb(175,69,5)
```
#c24d06
```
#c24d06 rgb(194,77,6)
```
#d55406
```
#d55406 rgb(213,84,6)
```
#e85c07
```
#e85c07 rgb(232,92,7)
```

Shade Color Variation

#f8640a
```
#f8640a rgb(248,100,10)
```
#f9701e
```
#f9701e rgb(249,112,30)
```
#f97c31
```
#f97c31 rgb(249,124,49)
```
#fa8844
```
#fa8844 rgb(250,136,68)
```
#fa9457
```
#fa9457 rgb(250,148,87)
```
#fba06a
```
#fba06a rgb(251,160,106)
```
#fbac7d
```
#fbac7d rgb(251,172,125)
```
#fcb990
```
#fcb990 rgb(252,185,144)
```
#fcc5a3
```
#fcc5a3 rgb(252,197,163)
```
#fdd1b6
```
#fdd1b6 rgb(253,209,182)
```
#fdddc9
```
#fdddc9 rgb(253,221,201)
```
#fee9dc
```
#fee9dc rgb(254,233,220)
```
#fff5ef
```
#fff5ef rgb(255,245,239)
```

Tint Color Variation

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

#5c5a58
```
#5c5a58 rgb(92,90,88)
```
#635851
```
#635851 rgb(99,88,81)
```
#6a564a
```
#6a564a rgb(106,86,74)
```
#715443
```
#715443 rgb(113,84,67)
```
#78533c
```
#78533c rgb(120,83,60)
```
#7f5135
```
#7f5135 rgb(127,81,53)
```
#854f2f
```
#854f2f rgb(133,79,47)
```
#8c4e28
```
#8c4e28 rgb(140,78,40)
```
#934c21
```
#934c21 rgb(147,76,33)
```
#9a4a1a
```
#9a4a1a rgb(154,74,26)
```
#a14813
```
#a14813 rgb(161,72,19)
```
#a8470c
```
#a8470c rgb(168,71,12)
```
#af4505
```
#af4505 rgb(175,69,5)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6d584b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6e1a Protanopia 1% of men
#896900 Deuteranopia 1% of men
#b4494d Tritanopia 0.001% of the population

Trichromacy

#8e5f12 Protanomaly 1% of men, 0.01% of women
#975b01 Deuteranomaly 6% of men, 0.4% of women
#b24733 Tritanomaly 0.01% of the population

#af4505 hex color

#af4505 Color Information

#af4505 Color Conversion

Color Schemes with #af4505

Alternatives to #af4505

#af4505 Preview

Shades and Tints of #af4505

Tones of #af4505

Color Blindness Simulator