#af5503 hex color

In a RGB color space, hex #af5503 is composed of 68.6% red, 33.3% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 98.3% yellow and 31.4% black. It has a hue angle of 28.6 degrees, a saturation of 96.6% and a lightness of 34.9%. #af5503 color hex could be obtained by blending #ffaa06 with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 33
- B 1
RGB color chart
- C 0
- M 51
- Y 98
- K 31
CMYK color chart

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

The hexadecimal color #af5503 has RGB values of R:175, G:85, B:3 and CMYK values of C:0, M:0.51, Y:0.98, K:0.31. Its decimal value is 11490563.

Hex triplet	af5503	`#af5503`
RGB Decimal	175, 85, 3	`rgb(175,85,3)`
RGB Percent	68.6, 33.3, 1.2	`rgb(68.6%,33.3%,1.2%)`
CMYK	0, 51, 98, 31
HSL	28.6°, 96.6, 34.9	`hsl(28.6,96.6%,34.9%)`
HSV (or HSB)	28.6°, 98.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.471, 32.734, 54.956
XYZ	20.945, 15.62, 1.998
xyY	0.543, 0.405, 15.62
CIE-LCH	46.471, 63.966, 59.22
CIE-LUV	46.471, 74.229, 42.162
Hunter-Lab	39.522, 25.436, 24.668
Binary	10101111, 01010101, 00000011

#af5503
```
#af5503 rgb(175,85,3)
```
#035daf
```
#035daf rgb(3,93,175)
```

Complementary Color

#af0307
```
#af0307 rgb(175,3,7)
```
#af5503
```
#af5503 rgb(175,85,3)
```
#afab03
```
#afab03 rgb(175,171,3)
```

Analogous Color

#0307af
```
#0307af rgb(3,7,175)
```
#af5503
```
#af5503 rgb(175,85,3)
```
#03afab
```
#03afab rgb(3,175,171)
```

Split Complementary Color

#5503af
```
#5503af rgb(85,3,175)
```
#af5503
```
#af5503 rgb(175,85,3)
```
#03af55
```
#03af55 rgb(3,175,85)
```

Triadic Color

#af035d
```
#af035d rgb(175,3,93)
```
#af5503
```
#af5503 rgb(175,85,3)
```
#03af55
```
#03af55 rgb(3,175,85)
```
#035daf
```
#035daf rgb(3,93,175)
```

Tetradic Color

#643002
```
#643002 rgb(100,48,2)
```
#7d3d02
```
#7d3d02 rgb(125,61,2)
```
#964903
```
#964903 rgb(150,73,3)
```
#af5503
```
#af5503 rgb(175,85,3)
```
#c86103
```
#c86103 rgb(200,97,3)
```
#e16d04
```
#e16d04 rgb(225,109,4)
```
#fa7a04
```
#fa7a04 rgb(250,122,4)
```

Monochromatic Color

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

#af2a03
```
#af2a03 rgb(175,42,3)
```
#af3803
```
#af3803 rgb(175,56,3)
```
#af4703
```
#af4703 rgb(175,71,3)
```
#af5503
```
#af5503 rgb(175,85,3)
```
#af6303
```
#af6303 rgb(175,99,3)
```
#af7203
```
#af7203 rgb(175,114,3)
```
#af8003
```
#af8003 rgb(175,128,3)
```

Similar Colors

Text with hexadecimal color #af5503

This text has a font color of #af5503.

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

#af5503 background color

This paragraph has a background color of #af5503.

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

#af5503 border color

This element has a border color of #af5503.

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

CSS codes

.text {color:#af5503;}

.background {background-color:#af5503;}

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

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 #fff6ed is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#150a00
```
#150a00 rgb(21,10,0)
```
#281301
```
#281301 rgb(40,19,1)
```
#3b1d01
```
#3b1d01 rgb(59,29,1)
```
#4f2601
```
#4f2601 rgb(79,38,1)
```
#623002
```
#623002 rgb(98,48,2)
```
#753902
```
#753902 rgb(117,57,2)
```
#884202
```
#884202 rgb(136,66,2)
```
#9c4c03
```
#9c4c03 rgb(156,76,3)
```
#af5503
```
#af5503 rgb(175,85,3)
```
#c25e03
```
#c25e03 rgb(194,94,3)
```
#d66804
```
#d66804 rgb(214,104,4)
```
#e97104
```
#e97104 rgb(233,113,4)
```

Shade Color Variation

#fb7b06
```
#fb7b06 rgb(251,123,6)
```
#fb8519
```
#fb8519 rgb(251,133,25)
```
#fb8f2c
```
#fb8f2c rgb(251,143,44)
```
#fc9940
```
#fc9940 rgb(252,153,64)
```
#fca453
```
#fca453 rgb(252,164,83)
```
#fcae66
```
#fcae66 rgb(252,174,102)
```
#fdb879
```
#fdb879 rgb(253,184,121)
```
#fdc28d
```
#fdc28d rgb(253,194,141)
```
#fdcda0
```
#fdcda0 rgb(253,205,160)
```
#fed7b3
```
#fed7b3 rgb(254,215,179)
```
#fee1c7
```
#fee1c7 rgb(254,225,199)
```
#feebda
```
#feebda rgb(254,235,218)
```
#fff6ed
```
#fff6ed rgb(255,246,237)
```

Tint Color Variation

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

#5d5955
```
#5d5955 rgb(93,89,85)
```
#64594e
```
#64594e rgb(100,89,78)
```
#6b5847
```
#6b5847 rgb(107,88,71)
```
#715841
```
#715841 rgb(113,88,65)
```
#78583a
```
#78583a rgb(120,88,58)
```
#7f5733
```
#7f5733 rgb(127,87,51)
```
#86572c
```
#86572c rgb(134,87,44)
```
#8d5725
```
#8d5725 rgb(141,87,37)
```
#94561e
```
#94561e rgb(148,86,30)
```
#9a5618
```
#9a5618 rgb(154,86,24)
```
#a15611
```
#a15611 rgb(161,86,17)
```
#a8550a
```
#a8550a rgb(168,85,10)
```
#af5503
```
#af5503 rgb(175,85,3)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837516 Protanopia 1% of men
#937000 Deuteranopia 1% of men
#b5575d Tritanopia 0.001% of the population

Trichromacy

#93690f Protanomaly 1% of men, 0.01% of women
#9d6601 Deuteranomaly 6% of men, 0.4% of women
#b3563c Tritanomaly 0.01% of the population

#af5503 hex color

#af5503 Color Information

#af5503 Color Conversion

Color Schemes with #af5503

Alternatives to #af5503

#af5503 Preview

Shades and Tints of #af5503

Tones of #af5503

Color Blindness Simulator