#af4018 hex color

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

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

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

The hexadecimal color #af4018 has RGB values of R:175, G:64, B:24 and CMYK values of C:0, M:0.63, Y:0.86, K:0.31. Its decimal value is 11485208.

Hex triplet	af4018	`#af4018`
RGB Decimal	175, 64, 24	`rgb(175,64,24)`
RGB Percent	68.6, 25.1, 9.4	`rgb(68.6%,25.1%,9.4%)`
CMYK	0, 63, 86, 31
HSL	15.9°, 75.9, 39	`hsl(15.9,75.9%,39%)`
HSV (or HSB)	15.9°, 86.3, 68.6
Web Safe	993300	`#993300`

CIE-LAB	42.535, 43.488, 45.571
XYZ	19.678, 12.849, 2.308
xyY	0.565, 0.369, 12.849
CIE-LCH	42.535, 62.991, 46.34
CIE-LUV	42.535, 89.043, 32.564
Hunter-Lab	35.845, 35.264, 21.274
Binary	10101111, 01000000, 00011000

#af4018
```
#af4018 rgb(175,64,24)
```
#1887af
```
#1887af rgb(24,135,175)
```

Complementary Color

#af183c
```
#af183c rgb(175,24,60)
```
#af4018
```
#af4018 rgb(175,64,24)
```
#af8c18
```
#af8c18 rgb(175,140,24)
```

Analogous Color

#183caf
```
#183caf rgb(24,60,175)
```
#af4018
```
#af4018 rgb(175,64,24)
```
#18af8c
```
#18af8c rgb(24,175,140)
```

Split Complementary Color

#4018af
```
#4018af rgb(64,24,175)
```
#af4018
```
#af4018 rgb(175,64,24)
```
#18af40
```
#18af40 rgb(24,175,64)
```

Triadic Color

#af1887
```
#af1887 rgb(175,24,135)
```
#af4018
```
#af4018 rgb(175,64,24)
```
#18af40
```
#18af40 rgb(24,175,64)
```
#1887af
```
#1887af rgb(24,135,175)
```

Tetradic Color

#6c270f
```
#6c270f rgb(108,39,15)
```
#823012
```
#823012 rgb(130,48,18)
```
#993815
```
#993815 rgb(153,56,21)
```
#af4018
```
#af4018 rgb(175,64,24)
```
#c5481b
```
#c5481b rgb(197,72,27)
```
#dc501e
```
#dc501e rgb(220,80,30)
```
#e36031
```
#e36031 rgb(227,96,49)
```

Monochromatic Color

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

#af1a18
```
#af1a18 rgb(175,26,24)
```
#af2718
```
#af2718 rgb(175,39,24)
```
#af3318
```
#af3318 rgb(175,51,24)
```
#af4018
```
#af4018 rgb(175,64,24)
```
#af4d18
```
#af4d18 rgb(175,77,24)
```
#af5918
```
#af5918 rgb(175,89,24)
```
#af6618
```
#af6618 rgb(175,102,24)
```

Similar Colors

Text with hexadecimal color #af4018

This text has a font color of #af4018.

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

#af4018 background color

This paragraph has a background color of #af4018.

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

#af4018 border color

This element has a border color of #af4018.

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

CSS codes

.text {color:#af4018;}

.background {background-color:#af4018;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#140703
```
#140703 rgb(20,7,3)
```
#250e05
```
#250e05 rgb(37,14,5)
```
#361407
```
#361407 rgb(54,20,7)
```
#481a0a
```
#481a0a rgb(72,26,10)
```
#59200c
```
#59200c rgb(89,32,12)
```
#6a270f
```
#6a270f rgb(106,39,15)
```
#7b2d11
```
#7b2d11 rgb(123,45,17)
```
#8d3313
```
#8d3313 rgb(141,51,19)
```
#9e3a16
```
#9e3a16 rgb(158,58,22)
```
#af4018
```
#af4018 rgb(175,64,24)
```
#c0461a
```
#c0461a rgb(192,70,26)
```
#d14d1d
```
#d14d1d rgb(209,77,29)
```

Shade Color Variation

#e15421
```
#e15421 rgb(225,84,33)
```
#e36133
```
#e36133 rgb(227,97,51)
```
#e56f44
```
#e56f44 rgb(229,111,68)
```
#e87c55
```
#e87c55 rgb(232,124,85)
```
#ea8966
```
#ea8966 rgb(234,137,102)
```
#ec9678
```
#ec9678 rgb(236,150,120)
```
#efa489
```
#efa489 rgb(239,164,137)
```
#f1b19a
```
#f1b19a rgb(241,177,154)
```
#f4beab
```
#f4beab rgb(244,190,171)
```
#f6ccbd
```
#f6ccbd rgb(246,204,189)
```
#f8d9ce
```
#f8d9ce rgb(248,217,206)
```
#fbe6df
```
#fbe6df rgb(251,230,223)
```
#fdf4f0
```
#fdf4f0 rgb(253,244,240)
```

Tint Color Variation

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

#6a605d
```
#6a605d rgb(106,96,93)
```
#725d55
```
#725d55 rgb(114,93,85)
```
#79594e
```
#79594e rgb(121,89,78)
```
#815646
```
#815646 rgb(129,86,70)
```
#89523e
```
#89523e rgb(137,82,62)
```
#904e37
```
#904e37 rgb(144,78,55)
```
#984b2f
```
#984b2f rgb(152,75,47)
```
#a04727
```
#a04727 rgb(160,71,39)
```
#a74420
```
#a74420 rgb(167,68,32)
```
#af4018
```
#af4018 rgb(175,64,24)
```
#b73c10
```
#b73c10 rgb(183,60,16)
```
#be3909
```
#be3909 rgb(190,57,9)
```
#c63501
```
#c63501 rgb(198,53,1)
```

Tone Color Variation

Below, you can see how #af4018 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
#6d574f Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c2c Protanopia 1% of men
#876716 Deuteranopia 1% of men
#b44549 Tritanopia 0.001% of the population

Trichromacy

#8c5c25 Protanomaly 1% of men, 0.01% of women
#955817 Deuteranomaly 6% of men, 0.4% of women
#b24337 Tritanomaly 0.01% of the population

#af4018 hex color

#af4018 Color Information

#af4018 Color Conversion

Color Schemes with #af4018

Alternatives to #af4018

#af4018 Preview

Shades and Tints of #af4018

Tones of #af4018

Color Blindness Simulator