#af3100 hex color

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

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

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

The hexadecimal color #af3100 has RGB values of R:175, G:49, B:0 and CMYK values of C:0, M:0.72, Y:1, K:0.31. Its decimal value is 11481344.

Hex triplet	af3100	`#af3100`
RGB Decimal	175, 49, 0	`rgb(175,49,0)`
RGB Percent	68.6, 19.2, 0	`rgb(68.6%,19.2%,0%)`
CMYK	0, 72, 100, 31
HSL	16.8°, 100, 34.3	`hsl(16.8,100%,34.3%)`
HSV (or HSB)	16.8°, 100, 68.6
Web Safe	993300	`#993300`

CIE-LAB	40.102, 49.392, 52.284
XYZ	18.778, 11.313, 1.195
xyY	0.6, 0.362, 11.313
CIE-LCH	40.102, 71.925, 46.63
CIE-LUV	40.102, 100.755, 32.218
Hunter-Lab	33.635, 40.798, 21.438
Binary	10101111, 00110001, 00000000

#af3100
```
#af3100 rgb(175,49,0)
```
#007eaf
```
#007eaf rgb(0,126,175)
```

Complementary Color

#af0027
```
#af0027 rgb(175,0,39)
```
#af3100
```
#af3100 rgb(175,49,0)
```
#af8900
```
#af8900 rgb(175,137,0)
```

Analogous Color

#0027af
```
#0027af rgb(0,39,175)
```
#af3100
```
#af3100 rgb(175,49,0)
```
#00af89
```
#00af89 rgb(0,175,137)
```

Split Complementary Color

#3100af
```
#3100af rgb(49,0,175)
```
#af3100
```
#af3100 rgb(175,49,0)
```
#00af31
```
#00af31 rgb(0,175,49)
```

Triadic Color

#af007e
```
#af007e rgb(175,0,126)
```
#af3100
```
#af3100 rgb(175,49,0)
```
#00af31
```
#00af31 rgb(0,175,49)
```
#007eaf
```
#007eaf rgb(0,126,175)
```

Tetradic Color

#631c00
```
#631c00 rgb(99,28,0)
```
#7c2300
```
#7c2300 rgb(124,35,0)
```
#962a00
```
#962a00 rgb(150,42,0)
```
#af3100
```
#af3100 rgb(175,49,0)
```
#c93800
```
#c93800 rgb(201,56,0)
```
#e23f00
```
#e23f00 rgb(226,63,0)
```
#fc4600
```
#fc4600 rgb(252,70,0)
```

Monochromatic Color

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

#af0500
```
#af0500 rgb(175,5,0)
```
#af1400
```
#af1400 rgb(175,20,0)
```
#af2200
```
#af2200 rgb(175,34,0)
```
#af3100
```
#af3100 rgb(175,49,0)
```
#af4000
```
#af4000 rgb(175,64,0)
```
#af4e00
```
#af4e00 rgb(175,78,0)
```
#af5d00
```
#af5d00 rgb(175,93,0)
```

Similar Colors

Text with hexadecimal color #af3100

This text has a font color of #af3100.

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

#af3100 background color

This paragraph has a background color of #af3100.

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

#af3100 border color

This element has a border color of #af3100.

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

CSS codes

.text {color:#af3100;}

.background {background-color:#af3100;}

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

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

#120500
```
#120500 rgb(18,5,0)
```
#260b00
```
#260b00 rgb(38,11,0)
```
#391000
```
#391000 rgb(57,16,0)
```
#4d1600
```
#4d1600 rgb(77,22,0)
```
#611b00
```
#611b00 rgb(97,27,0)
```
#742100
```
#742100 rgb(116,33,0)
```
#882600
```
#882600 rgb(136,38,0)
```
#9b2c00
```
#9b2c00 rgb(155,44,0)
```
#af3100
```
#af3100 rgb(175,49,0)
```
#c33600
```
#c33600 rgb(195,54,0)
```
#d63c00
```
#d63c00 rgb(214,60,0)
```
#ea4100
```
#ea4100 rgb(234,65,0)
```
#fd4700
```
#fd4700 rgb(253,71,0)
```

Shade Color Variation

#ff5412
```
#ff5412 rgb(255,84,18)
```
#ff6326
```
#ff6326 rgb(255,99,38)
```
#ff7139
```
#ff7139 rgb(255,113,57)
```
#ff7f4d
```
#ff7f4d rgb(255,127,77)
```
#ff8d61
```
#ff8d61 rgb(255,141,97)
```
#ff9b74
```
#ff9b74 rgb(255,155,116)
```
#ffa988
```
#ffa988 rgb(255,169,136)
```
#ffb79b
```
#ffb79b rgb(255,183,155)
```
#ffc5af
```
#ffc5af rgb(255,197,175)
```
#ffd4c3
```
#ffd4c3 rgb(255,212,195)
```
#ffe2d6
```
#ffe2d6 rgb(255,226,214)
```
#fff0ea
```
#fff0ea rgb(255,240,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#5e5551
```
#5e5551 rgb(94,85,81)
```
#65524a
```
#65524a rgb(101,82,74)
```
#6c4f43
```
#6c4f43 rgb(108,79,67)
```
#724c3d
```
#724c3d rgb(114,76,61)
```
#794936
```
#794936 rgb(121,73,54)
```
#80462f
```
#80462f rgb(128,70,47)
```
#874328
```
#874328 rgb(135,67,40)
```
#8d4022
```
#8d4022 rgb(141,64,34)
```
#943d1b
```
#943d1b rgb(148,61,27)
```
#9b3a14
```
#9b3a14 rgb(155,58,20)
```
#a2370d
```
#a2370d rgb(162,55,13)
```
#a83407
```
#a83407 rgb(168,52,7)
```
#af3100
```
#af3100 rgb(175,49,0)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#644b41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736715 Protanopia 1% of men
#806200 Deuteranopia 1% of men
#b4373a Tritanopia 0.001% of the population

Trichromacy

#88530d Protanomaly 1% of men, 0.01% of women
#915000 Deuteranomaly 6% of men, 0.4% of women
#b23525 Tritanomaly 0.01% of the population

#af3100 hex color

#af3100 Color Information

#af3100 Color Conversion

Color Schemes with #af3100

Alternatives to #af3100

#af3100 Preview

Shades and Tints of #af3100

Tones of #af3100

Color Blindness Simulator