#af7103 hex color

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

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

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

The hexadecimal color #af7103 has RGB values of R:175, G:113, B:3 and CMYK values of C:0, M:0.35, Y:0.98, K:0.31. Its decimal value is 11497731.

Hex triplet	af7103	`#af7103`
RGB Decimal	175, 113, 3	`rgb(175,113,3)`
RGB Percent	68.6, 44.3, 1.2	`rgb(68.6%,44.3%,1.2%)`
CMYK	0, 35, 98, 31
HSL	38.4°, 96.6, 34.9	`hsl(38.4,96.6%,34.9%)`
HSV (or HSB)	38.4°, 98.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	52.876, 17.393, 59.136
XYZ	23.601, 20.932, 2.884
xyY	0.498, 0.441, 20.932
CIE-LCH	52.876, 61.641, 73.61
CIE-LUV	52.876, 51.43, 52.086
Hunter-Lab	45.752, 12.014, 28.29
Binary	10101111, 01110001, 00000011

#af7103
```
#af7103 rgb(175,113,3)
```
#0341af
```
#0341af rgb(3,65,175)
```

Complementary Color

#af1b03
```
#af1b03 rgb(175,27,3)
```
#af7103
```
#af7103 rgb(175,113,3)
```
#97af03
```
#97af03 rgb(151,175,3)
```

Analogous Color

#1b03af
```
#1b03af rgb(27,3,175)
```
#af7103
```
#af7103 rgb(175,113,3)
```
#0397af
```
#0397af rgb(3,151,175)
```

Split Complementary Color

#7103af
```
#7103af rgb(113,3,175)
```
#af7103
```
#af7103 rgb(175,113,3)
```
#03af71
```
#03af71 rgb(3,175,113)
```

Triadic Color

#af0341
```
#af0341 rgb(175,3,65)
```
#af7103
```
#af7103 rgb(175,113,3)
```
#03af71
```
#03af71 rgb(3,175,113)
```
#0341af
```
#0341af rgb(3,65,175)
```

Tetradic Color

#644002
```
#644002 rgb(100,64,2)
```
#7d5102
```
#7d5102 rgb(125,81,2)
```
#966103
```
#966103 rgb(150,97,3)
```
#af7103
```
#af7103 rgb(175,113,3)
```
#c88103
```
#c88103 rgb(200,129,3)
```
#e19104
```
#e19104 rgb(225,145,4)
```
#faa204
```
#faa204 rgb(250,162,4)
```

Monochromatic Color

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

#af4603
```
#af4603 rgb(175,70,3)
```
#af5403
```
#af5403 rgb(175,84,3)
```
#af6303
```
#af6303 rgb(175,99,3)
```
#af7103
```
#af7103 rgb(175,113,3)
```
#af7f03
```
#af7f03 rgb(175,127,3)
```
#af8e03
```
#af8e03 rgb(175,142,3)
```
#af9c03
```
#af9c03 rgb(175,156,3)
```

Similar Colors

Text with hexadecimal color #af7103

This text has a font color of #af7103.

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

#af7103 background color

This paragraph has a background color of #af7103.

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

#af7103 border color

This element has a border color of #af7103.

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

CSS codes

.text {color:#af7103;}

.background {background-color:#af7103;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#150d00
```
#150d00 rgb(21,13,0)
```
#281a01
```
#281a01 rgb(40,26,1)
```
#3b2601
```
#3b2601 rgb(59,38,1)
```
#4f3301
```
#4f3301 rgb(79,51,1)
```
#623f02
```
#623f02 rgb(98,63,2)
```
#754c02
```
#754c02 rgb(117,76,2)
```
#885802
```
#885802 rgb(136,88,2)
```
#9c6503
```
#9c6503 rgb(156,101,3)
```
#af7103
```
#af7103 rgb(175,113,3)
```
#c27d03
```
#c27d03 rgb(194,125,3)
```
#d68a04
```
#d68a04 rgb(214,138,4)
```
#e99604
```
#e99604 rgb(233,150,4)
```

Shade Color Variation

#fba206
```
#fba206 rgb(251,162,6)
```
#fbaa19
```
#fbaa19 rgb(251,170,25)
```
#fbb12c
```
#fbb12c rgb(251,177,44)
```
#fcb840
```
#fcb840 rgb(252,184,64)
```
#fcbf53
```
#fcbf53 rgb(252,191,83)
```
#fcc666
```
#fcc666 rgb(252,198,102)
```
#fdcd79
```
#fdcd79 rgb(253,205,121)
```
#fdd58d
```
#fdd58d rgb(253,213,141)
```
#fddca0
```
#fddca0 rgb(253,220,160)
```
#fee3b3
```
#fee3b3 rgb(254,227,179)
```
#feeac7
```
#feeac7 rgb(254,234,199)
```
#fef1da
```
#fef1da rgb(254,241,218)
```
#fff8ed
```
#fff8ed rgb(255,248,237)
```

Tint Color Variation

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

#5d5a55
```
#5d5a55 rgb(93,90,85)
```
#645c4e
```
#645c4e rgb(100,92,78)
```
#6b5e47
```
#6b5e47 rgb(107,94,71)
```
#716041
```
#716041 rgb(113,96,65)
```
#78623a
```
#78623a rgb(120,98,58)
```
#7f6433
```
#7f6433 rgb(127,100,51)
```
#86662c
```
#86662c rgb(134,102,44)
```
#8d6725
```
#8d6725 rgb(141,103,37)
```
#94691e
```
#94691e rgb(148,105,30)
```
#9a6b18
```
#9a6b18 rgb(154,107,24)
```
#a16d11
```
#a16d11 rgb(161,109,17)
```
#a86f0a
```
#a86f0a rgb(168,111,10)
```
#af7103
```
#af7103 rgb(175,113,3)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#827660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958513 Protanopia 1% of men
#a67e00 Deuteranopia 1% of men
#b87077 Tritanopia 0.001% of the population

Trichromacy

#9e7d0d Protanomaly 1% of men, 0.01% of women
#a97901 Deuteranomaly 6% of men, 0.4% of women
#b4704d Tritanomaly 0.01% of the population

#af7103 hex color

#af7103 Color Information

#af7103 Color Conversion

Color Schemes with #af7103

Alternatives to #af7103

#af7103 Preview

Shades and Tints of #af7103

Tones of #af7103

Color Blindness Simulator