#af7f18 hex color

In a RGB color space, hex #af7f18 is composed of 68.6% red, 49.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 86.3% yellow and 31.4% black. It has a hue angle of 40.9 degrees, a saturation of 75.9% and a lightness of 39%. #af7f18 color hex could be obtained by blending #fffe30 with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 50
- B 9
RGB color chart
- C 0
- M 27
- Y 86
- K 31
CMYK color chart

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

The hexadecimal color #af7f18 has RGB values of R:175, G:127, B:24 and CMYK values of C:0, M:0.27, Y:0.86, K:0.31. Its decimal value is 11501336.

Hex triplet	af7f18	`#af7f18`
RGB Decimal	175, 127, 24	`rgb(175,127,24)`
RGB Percent	68.6, 49.8, 9.4	`rgb(68.6%,49.8%,9.4%)`
CMYK	0, 27, 86, 31
HSL	40.9°, 75.9, 39	`hsl(40.9,75.9%,39%)`
HSV (or HSB)	40.9°, 86.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	56.447, 9.933, 57.19
XYZ	25.434, 24.36, 4.227
xyY	0.471, 0.451, 24.36
CIE-LCH	56.447, 58.046, 80.147
CIE-LUV	56.447, 39.834, 55.029
Hunter-Lab	49.356, 5.611, 29.472
Binary	10101111, 01111111, 00011000

#af7f18
```
#af7f18 rgb(175,127,24)
```
#1848af
```
#1848af rgb(24,72,175)
```

Complementary Color

#af3318
```
#af3318 rgb(175,51,24)
```
#af7f18
```
#af7f18 rgb(175,127,24)
```
#94af18
```
#94af18 rgb(148,175,24)
```

Analogous Color

#3418af
```
#3418af rgb(52,24,175)
```
#af7f18
```
#af7f18 rgb(175,127,24)
```
#1894af
```
#1894af rgb(24,148,175)
```

Split Complementary Color

#7f18af
```
#7f18af rgb(127,24,175)
```
#af7f18
```
#af7f18 rgb(175,127,24)
```
#18af7f
```
#18af7f rgb(24,175,127)
```

Triadic Color

#af1848
```
#af1848 rgb(175,24,72)
```
#af7f18
```
#af7f18 rgb(175,127,24)
```
#18af7f
```
#18af7f rgb(24,175,127)
```
#1848af
```
#1848af rgb(24,72,175)
```

Tetradic Color

#6c4e0f
```
#6c4e0f rgb(108,78,15)
```
#825e12
```
#825e12 rgb(130,94,18)
```
#996f15
```
#996f15 rgb(153,111,21)
```
#af7f18
```
#af7f18 rgb(175,127,24)
```
#c58f1b
```
#c58f1b rgb(197,143,27)
```
#dca01e
```
#dca01e rgb(220,160,30)
```
#e3aa31
```
#e3aa31 rgb(227,170,49)
```

Monochromatic Color

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

#af5918
```
#af5918 rgb(175,89,24)
```
#af6618
```
#af6618 rgb(175,102,24)
```
#af7218
```
#af7218 rgb(175,114,24)
```
#af7f18
```
#af7f18 rgb(175,127,24)
```
#af8c18
```
#af8c18 rgb(175,140,24)
```
#af9818
```
#af9818 rgb(175,152,24)
```
#afa518
```
#afa518 rgb(175,165,24)
```

Similar Colors

Text with hexadecimal color #af7f18

This text has a font color of #af7f18.

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

#af7f18 background color

This paragraph has a background color of #af7f18.

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

#af7f18 border color

This element has a border color of #af7f18.

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

CSS codes

.text {color:#af7f18;}

.background {background-color:#af7f18;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#140e03
```
#140e03 rgb(20,14,3)
```
#251b05
```
#251b05 rgb(37,27,5)
```
#362707
```
#362707 rgb(54,39,7)
```
#48340a
```
#48340a rgb(72,52,10)
```
#59400c
```
#59400c rgb(89,64,12)
```
#6a4d0f
```
#6a4d0f rgb(106,77,15)
```
#7b5911
```
#7b5911 rgb(123,89,17)
```
#8d6613
```
#8d6613 rgb(141,102,19)
```
#9e7216
```
#9e7216 rgb(158,114,22)
```
#af7f18
```
#af7f18 rgb(175,127,24)
```
#c08c1a
```
#c08c1a rgb(192,140,26)
```
#d1981d
```
#d1981d rgb(209,152,29)
```

Shade Color Variation

#e1a421
```
#e1a421 rgb(225,164,33)
```
#e3ab33
```
#e3ab33 rgb(227,171,51)
```
#e5b244
```
#e5b244 rgb(229,178,68)
```
#e8b955
```
#e8b955 rgb(232,185,85)
```
#eac066
```
#eac066 rgb(234,192,102)
```
#ecc778
```
#ecc778 rgb(236,199,120)
```
#efce89
```
#efce89 rgb(239,206,137)
```
#f1d59a
```
#f1d59a rgb(241,213,154)
```
#f4ddab
```
#f4ddab rgb(244,221,171)
```
#f6e4bd
```
#f6e4bd rgb(246,228,189)
```
#f8ebce
```
#f8ebce rgb(248,235,206)
```
#fbf2df
```
#fbf2df rgb(251,242,223)
```
#fdf9f0
```
#fdf9f0 rgb(253,249,240)
```

Tint Color Variation

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

#6a665d
```
#6a665d rgb(106,102,93)
```
#726955
```
#726955 rgb(114,105,85)
```
#796b4e
```
#796b4e rgb(121,107,78)
```
#816e46
```
#816e46 rgb(129,110,70)
```
#89713e
```
#89713e rgb(137,113,62)
```
#907437
```
#907437 rgb(144,116,55)
```
#98772f
```
#98772f rgb(152,119,47)
```
#a07927
```
#a07927 rgb(160,121,39)
```
#a77c20
```
#a77c20 rgb(167,124,32)
```
#af7f18
```
#af7f18 rgb(175,127,24)
```
#b78210
```
#b78210 rgb(183,130,16)
```
#be8509
```
#be8509 rgb(190,133,9)
```
#c68701
```
#c68701 rgb(198,135,1)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b816d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8d26 Protanopia 1% of men
#b08623 Deuteranopia 1% of men
#b97d85 Tritanopia 0.001% of the population

Trichromacy

#a48821 Protanomaly 1% of men, 0.01% of women
#af831f Deuteranomaly 6% of men, 0.4% of women
#b57d5d Tritanomaly 0.01% of the population

#af7f18 hex color

#af7f18 Color Information

#af7f18 Color Conversion

Color Schemes with #af7f18

Alternatives to #af7f18

#af7f18 Preview

Shades and Tints of #af7f18

Tones of #af7f18

Color Blindness Simulator