#af6800 hex color

In a RGB color space, hex #af6800 is composed of 68.6% red, 40.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.6% magenta, 100% yellow and 31.4% black. It has a hue angle of 35.7 degrees, a saturation of 100% and a lightness of 34.3%. #af6800 color hex could be obtained by blending #ffd000 with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 41
- B 0
RGB color chart
- C 0
- M 41
- Y 100
- K 31
CMYK color chart

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

The hexadecimal color #af6800 has RGB values of R:175, G:104, B:0 and CMYK values of C:0, M:0.41, Y:1, K:0.31. Its decimal value is 11495424.

Hex triplet	af6800	`#af6800`
RGB Decimal	175, 104, 0	`rgb(175,104,0)`
RGB Percent	68.6, 40.8, 0	`rgb(68.6%,40.8%,0%)`
CMYK	0, 41, 100, 31
HSL	35.7°, 100, 34.3	`hsl(35.7,100%,34.3%)`
HSV (or HSB)	35.7°, 100, 68.6
Web Safe	996600	`#996600`

CIE-LAB	50.706, 22.372, 58.328
XYZ	22.63, 19.016, 2.479
xyY	0.513, 0.431, 19.016
CIE-LCH	50.706, 62.471, 69.016
CIE-LUV	50.706, 58.828, 49.077
Hunter-Lab	43.608, 16.319, 27.155
Binary	10101111, 01101000, 00000000

#af6800
```
#af6800 rgb(175,104,0)
```
#0047af
```
#0047af rgb(0,71,175)
```

Complementary Color

#af1100
```
#af1100 rgb(175,17,0)
```
#af6800
```
#af6800 rgb(175,104,0)
```
#9faf00
```
#9faf00 rgb(159,175,0)
```

Analogous Color

#1100af
```
#1100af rgb(17,0,175)
```
#af6800
```
#af6800 rgb(175,104,0)
```
#009faf
```
#009faf rgb(0,159,175)
```

Split Complementary Color

#6800af
```
#6800af rgb(104,0,175)
```
#af6800
```
#af6800 rgb(175,104,0)
```
#00af68
```
#00af68 rgb(0,175,104)
```

Triadic Color

#af0047
```
#af0047 rgb(175,0,71)
```
#af6800
```
#af6800 rgb(175,104,0)
```
#00af68
```
#00af68 rgb(0,175,104)
```
#0047af
```
#0047af rgb(0,71,175)
```

Tetradic Color

#633b00
```
#633b00 rgb(99,59,0)
```
#7c4a00
```
#7c4a00 rgb(124,74,0)
```
#965900
```
#965900 rgb(150,89,0)
```
#af6800
```
#af6800 rgb(175,104,0)
```
#c97700
```
#c97700 rgb(201,119,0)
```
#e28600
```
#e28600 rgb(226,134,0)
```
#fc9500
```
#fc9500 rgb(252,149,0)
```

Monochromatic Color

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

#af3c00
```
#af3c00 rgb(175,60,0)
```
#af4b00
```
#af4b00 rgb(175,75,0)
```
#af5900
```
#af5900 rgb(175,89,0)
```
#af6800
```
#af6800 rgb(175,104,0)
```
#af7700
```
#af7700 rgb(175,119,0)
```
#af8500
```
#af8500 rgb(175,133,0)
```
#af9400
```
#af9400 rgb(175,148,0)
```

Similar Colors

Text with hexadecimal color #af6800

This text has a font color of #af6800.

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

#af6800 background color

This paragraph has a background color of #af6800.

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

#af6800 border color

This element has a border color of #af6800.

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

CSS codes

.text {color:#af6800;}

.background {background-color:#af6800;}

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

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, #120b00 is the darkest color, while #fffefd is the lightest one.

#120b00
```
#120b00 rgb(18,11,0)
```
#261600
```
#261600 rgb(38,22,0)
```
#392200
```
#392200 rgb(57,34,0)
```
#4d2e00
```
#4d2e00 rgb(77,46,0)
```
#613900
```
#613900 rgb(97,57,0)
```
#744500
```
#744500 rgb(116,69,0)
```
#885100
```
#885100 rgb(136,81,0)
```
#9b5c00
```
#9b5c00 rgb(155,92,0)
```
#af6800
```
#af6800 rgb(175,104,0)
```
#c37400
```
#c37400 rgb(195,116,0)
```
#d67f00
```
#d67f00 rgb(214,127,0)
```
#ea8b00
```
#ea8b00 rgb(234,139,0)
```
#fd9700
```
#fd9700 rgb(253,151,0)
```

Shade Color Variation

#ff9f12
```
#ff9f12 rgb(255,159,18)
```
#ffa726
```
#ffa726 rgb(255,167,38)
```
#ffaf39
```
#ffaf39 rgb(255,175,57)
```
#ffb74d
```
#ffb74d rgb(255,183,77)
```
#ffbf61
```
#ffbf61 rgb(255,191,97)
```
#ffc774
```
#ffc774 rgb(255,199,116)
```
#ffcf88
```
#ffcf88 rgb(255,207,136)
```
#ffd79b
```
#ffd79b rgb(255,215,155)
```
#ffdfaf
```
#ffdfaf rgb(255,223,175)
```
#ffe7c3
```
#ffe7c3 rgb(255,231,195)
```
#ffeed6
```
#ffeed6 rgb(255,238,214)
```
#fff6ea
```
#fff6ea rgb(255,246,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#5e5951
```
#5e5951 rgb(94,89,81)
```
#655a4a
```
#655a4a rgb(101,90,74)
```
#6c5b43
```
#6c5b43 rgb(108,91,67)
```
#725d3d
```
#725d3d rgb(114,93,61)
```
#795e36
```
#795e36 rgb(121,94,54)
```
#805f2f
```
#805f2f rgb(128,95,47)
```
#876028
```
#876028 rgb(135,96,40)
```
#8d6222
```
#8d6222 rgb(141,98,34)
```
#94631b
```
#94631b rgb(148,99,27)
```
#9b6414
```
#9b6414 rgb(155,100,20)
```
#a2650d
```
#a2650d rgb(162,101,13)
```
#a86707
```
#a86707 rgb(168,103,7)
```
#af6800
```
#af6800 rgb(175,104,0)
```

Tone Color Variation

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

Dichromacy

#8f7f0f Protanopia 1% of men
#9f7900 Deuteranopia 1% of men
#b7686f Tritanopia 0.001% of the population

Trichromacy

#9a7709 Protanomaly 1% of men, 0.01% of women
#a57300 Deuteranomaly 6% of men, 0.4% of women
#b46846 Tritanomaly 0.01% of the population

#af6800 hex color

#af6800 Color Information

#af6800 Color Conversion

Color Schemes with #af6800

Alternatives to #af6800

#af6800 Preview

Shades and Tints of #af6800

Tones of #af6800

Color Blindness Simulator