#af5600 hex color

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

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

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

The hexadecimal color #af5600 has RGB values of R:175, G:86, B:0 and CMYK values of C:0, M:0.51, Y:1, K:0.31. Its decimal value is 11490816.

Hex triplet	af5600	`#af5600`
RGB Decimal	175, 86, 0	`rgb(175,86,0)`
RGB Percent	68.6, 33.7, 0	`rgb(68.6%,33.7%,0%)`
CMYK	0, 51, 100, 31
HSL	29.5°, 100, 34.3	`hsl(29.5,100%,34.3%)`
HSV (or HSB)	29.5°, 100, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.673, 32.165, 55.839
XYZ	21.008, 15.772, 1.938
xyY	0.543, 0.407, 15.772
CIE-LCH	46.673, 64.441, 60.057
CIE-LUV	46.673, 73.533, 42.816
Hunter-Lab	39.713, 24.925, 24.906
Binary	10101111, 01010110, 00000000

#af5600
```
#af5600 rgb(175,86,0)
```
#0059af
```
#0059af rgb(0,89,175)
```

Complementary Color

#af0002
```
#af0002 rgb(175,0,2)
```
#af5600
```
#af5600 rgb(175,86,0)
```
#afae00
```
#afae00 rgb(175,174,0)
```

Analogous Color

#0002af
```
#0002af rgb(0,2,175)
```
#af5600
```
#af5600 rgb(175,86,0)
```
#00afae
```
#00afae rgb(0,175,174)
```

Split Complementary Color

#5600af
```
#5600af rgb(86,0,175)
```
#af5600
```
#af5600 rgb(175,86,0)
```
#00af56
```
#00af56 rgb(0,175,86)
```

Triadic Color

#af0059
```
#af0059 rgb(175,0,89)
```
#af5600
```
#af5600 rgb(175,86,0)
```
#00af56
```
#00af56 rgb(0,175,86)
```
#0059af
```
#0059af rgb(0,89,175)
```

Tetradic Color

#633000
```
#633000 rgb(99,48,0)
```
#7c3d00
```
#7c3d00 rgb(124,61,0)
```
#964900
```
#964900 rgb(150,73,0)
```
#af5600
```
#af5600 rgb(175,86,0)
```
#c96300
```
#c96300 rgb(201,99,0)
```
#e26f00
```
#e26f00 rgb(226,111,0)
```
#fc7c00
```
#fc7c00 rgb(252,124,0)
```

Monochromatic Color

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

#af2a00
```
#af2a00 rgb(175,42,0)
```
#af3900
```
#af3900 rgb(175,57,0)
```
#af4700
```
#af4700 rgb(175,71,0)
```
#af5600
```
#af5600 rgb(175,86,0)
```
#af6500
```
#af6500 rgb(175,101,0)
```
#af7300
```
#af7300 rgb(175,115,0)
```
#af8200
```
#af8200 rgb(175,130,0)
```

Similar Colors

Text with hexadecimal color #af5600

This text has a font color of #af5600.

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

#af5600 background color

This paragraph has a background color of #af5600.

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

#af5600 border color

This element has a border color of #af5600.

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

CSS codes

.text {color:#af5600;}

.background {background-color:#af5600;}

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

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

#120900
```
#120900 rgb(18,9,0)
```
#261300
```
#261300 rgb(38,19,0)
```
#391c00
```
#391c00 rgb(57,28,0)
```
#4d2600
```
#4d2600 rgb(77,38,0)
```
#612f00
```
#612f00 rgb(97,47,0)
```
#743900
```
#743900 rgb(116,57,0)
```
#884300
```
#884300 rgb(136,67,0)
```
#9b4c00
```
#9b4c00 rgb(155,76,0)
```
#af5600
```
#af5600 rgb(175,86,0)
```
#c36000
```
#c36000 rgb(195,96,0)
```
#d66900
```
#d66900 rgb(214,105,0)
```
#ea7300
```
#ea7300 rgb(234,115,0)
```
#fd7d00
```
#fd7d00 rgb(253,125,0)
```

Shade Color Variation

#ff8712
```
#ff8712 rgb(255,135,18)
```
#ff9026
```
#ff9026 rgb(255,144,38)
```
#ff9a39
```
#ff9a39 rgb(255,154,57)
```
#ffa44d
```
#ffa44d rgb(255,164,77)
```
#ffae61
```
#ffae61 rgb(255,174,97)
```
#ffb874
```
#ffb874 rgb(255,184,116)
```
#ffc288
```
#ffc288 rgb(255,194,136)
```
#ffcc9b
```
#ffcc9b rgb(255,204,155)
```
#ffd6af
```
#ffd6af rgb(255,214,175)
```
#ffe0c3
```
#ffe0c3 rgb(255,224,195)
```
#ffead6
```
#ffead6 rgb(255,234,214)
```
#fff4ea
```
#fff4ea rgb(255,244,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#5e5751
```
#5e5751 rgb(94,87,81)
```
#65574a
```
#65574a rgb(101,87,74)
```
#6c5743
```
#6c5743 rgb(108,87,67)
```
#72573d
```
#72573d rgb(114,87,61)
```
#795736
```
#795736 rgb(121,87,54)
```
#80572f
```
#80572f rgb(128,87,47)
```
#875728
```
#875728 rgb(135,87,40)
```
#8d5722
```
#8d5722 rgb(141,87,34)
```
#94561b
```
#94561b rgb(148,86,27)
```
#9b5614
```
#9b5614 rgb(155,86,20)
```
#a2560d
```
#a2560d rgb(162,86,13)
```
#a85607
```
#a85607 rgb(168,86,7)
```
#af5600
```
#af5600 rgb(175,86,0)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847611 Protanopia 1% of men
#937000 Deuteranopia 1% of men
#b5585e Tritanopia 0.001% of the population

Trichromacy

#936a0b Protanomaly 1% of men, 0.01% of women
#9d6600 Deuteranomaly 6% of men, 0.4% of women
#b3573b Tritanomaly 0.01% of the population

#af5600 hex color

#af5600 Color Information

#af5600 Color Conversion

Color Schemes with #af5600

Alternatives to #af5600

#af5600 Preview

Shades and Tints of #af5600

Tones of #af5600

Color Blindness Simulator