#af6318 hex color

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

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

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

The hexadecimal color #af6318 has RGB values of R:175, G:99, B:24 and CMYK values of C:0, M:0.43, Y:0.86, K:0.31. Its decimal value is 11494168.

Hex triplet	af6318	`#af6318`
RGB Decimal	175, 99, 24	`rgb(175,99,24)`
RGB Percent	68.6, 38.8, 9.4	`rgb(68.6%,38.8%,9.4%)`
CMYK	0, 43, 86, 31
HSL	29.8°, 75.9, 39	`hsl(29.8,75.9%,39%)`
HSV (or HSB)	29.8°, 86.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	49.624, 25.554, 51.527
XYZ	22.307, 18.105, 3.184
xyY	0.512, 0.415, 18.105
CIE-LCH	49.624, 57.515, 63.622
CIE-LUV	49.624, 62.066, 44.299
Hunter-Lab	42.551, 19.113, 25.349
Binary	10101111, 01100011, 00011000

#af6318
```
#af6318 rgb(175,99,24)
```
#1864af
```
#1864af rgb(24,100,175)
```

Complementary Color

#af1819
```
#af1819 rgb(175,24,25)
```
#af6318
```
#af6318 rgb(175,99,24)
```
#afaf18
```
#afaf18 rgb(175,175,24)
```

Analogous Color

#1819af
```
#1819af rgb(24,25,175)
```
#af6318
```
#af6318 rgb(175,99,24)
```
#18afaf
```
#18afaf rgb(24,175,175)
```

Split Complementary Color

#6318af
```
#6318af rgb(99,24,175)
```
#af6318
```
#af6318 rgb(175,99,24)
```
#18af63
```
#18af63 rgb(24,175,99)
```

Triadic Color

#af1864
```
#af1864 rgb(175,24,100)
```
#af6318
```
#af6318 rgb(175,99,24)
```
#18af63
```
#18af63 rgb(24,175,99)
```
#1864af
```
#1864af rgb(24,100,175)
```

Tetradic Color

#6c3d0f
```
#6c3d0f rgb(108,61,15)
```
#824a12
```
#824a12 rgb(130,74,18)
```
#995615
```
#995615 rgb(153,86,21)
```
#af6318
```
#af6318 rgb(175,99,24)
```
#c5701b
```
#c5701b rgb(197,112,27)
```
#dc7c1e
```
#dc7c1e rgb(220,124,30)
```
#e38931
```
#e38931 rgb(227,137,49)
```

Monochromatic Color

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

#af3d18
```
#af3d18 rgb(175,61,24)
```
#af4a18
```
#af4a18 rgb(175,74,24)
```
#af5618
```
#af5618 rgb(175,86,24)
```
#af6318
```
#af6318 rgb(175,99,24)
```
#af7018
```
#af7018 rgb(175,112,24)
```
#af7c18
```
#af7c18 rgb(175,124,24)
```
#af8918
```
#af8918 rgb(175,137,24)
```

Similar Colors

Text with hexadecimal color #af6318

This text has a font color of #af6318.

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

#af6318 background color

This paragraph has a background color of #af6318.

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

#af6318 border color

This element has a border color of #af6318.

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

CSS codes

.text {color:#af6318;}

.background {background-color:#af6318;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#140b03
```
#140b03 rgb(20,11,3)
```
#251505
```
#251505 rgb(37,21,5)
```
#361f07
```
#361f07 rgb(54,31,7)
```
#48280a
```
#48280a rgb(72,40,10)
```
#59320c
```
#59320c rgb(89,50,12)
```
#6a3c0f
```
#6a3c0f rgb(106,60,15)
```
#7b4611
```
#7b4611 rgb(123,70,17)
```
#8d4f13
```
#8d4f13 rgb(141,79,19)
```
#9e5916
```
#9e5916 rgb(158,89,22)
```
#af6318
```
#af6318 rgb(175,99,24)
```
#c06d1a
```
#c06d1a rgb(192,109,26)
```
#d1771d
```
#d1771d rgb(209,119,29)
```

Shade Color Variation

#e18021
```
#e18021 rgb(225,128,33)
```
#e38a33
```
#e38a33 rgb(227,138,51)
```
#e59444
```
#e59444 rgb(229,148,68)
```
#e89e55
```
#e89e55 rgb(232,158,85)
```
#eaa866
```
#eaa866 rgb(234,168,102)
```
#ecb278
```
#ecb278 rgb(236,178,120)
```
#efbb89
```
#efbb89 rgb(239,187,137)
```
#f1c59a
```
#f1c59a rgb(241,197,154)
```
#f4cfab
```
#f4cfab rgb(244,207,171)
```
#f6d9bd
```
#f6d9bd rgb(246,217,189)
```
#f8e3ce
```
#f8e3ce rgb(248,227,206)
```
#fbeddf
```
#fbeddf rgb(251,237,223)
```
#fdf7f0
```
#fdf7f0 rgb(253,247,240)
```

Tint Color Variation

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

#6a635d
```
#6a635d rgb(106,99,93)
```
#726355
```
#726355 rgb(114,99,85)
```
#79634e
```
#79634e rgb(121,99,78)
```
#816346
```
#816346 rgb(129,99,70)
```
#89633e
```
#89633e rgb(137,99,62)
```
#906337
```
#906337 rgb(144,99,55)
```
#98632f
```
#98632f rgb(152,99,47)
```
#a06327
```
#a06327 rgb(160,99,39)
```
#a76320
```
#a76320 rgb(167,99,32)
```
#af6318
```
#af6318 rgb(175,99,24)
```
#b76310
```
#b76310 rgb(183,99,16)
```
#be6309
```
#be6309 rgb(190,99,9)
```
#c66301
```
#c66301 rgb(198,99,1)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7d6e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d28 Protanopia 1% of men
#9c771d Deuteranopia 1% of men
#b6646b Tritanopia 0.001% of the population

Trichromacy

#987322 Protanomaly 1% of men, 0.01% of women
#a26f1b Deuteranomaly 6% of men, 0.4% of women
#b3634c Tritanomaly 0.01% of the population

#af6318 hex color

#af6318 Color Information

#af6318 Color Conversion

Color Schemes with #af6318

Alternatives to #af6318

#af6318 Preview

Shades and Tints of #af6318

Tones of #af6318

Color Blindness Simulator