#af7e0c hex color

In a RGB color space, hex #af7e0c is composed of 68.6% red, 49.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 93.1% yellow and 31.4% black. It has a hue angle of 42 degrees, a saturation of 87.2% and a lightness of 36.7%. #af7e0c color hex could be obtained by blending #fffc18 with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 49
- B 5
RGB color chart
- C 0
- M 28
- Y 93
- K 31
CMYK color chart

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

The hexadecimal color #af7e0c has RGB values of R:175, G:126, B:12 and CMYK values of C:0, M:0.28, Y:0.93, K:0.31. Its decimal value is 11501068.

Hex triplet	af7e0c	`#af7e0c`
RGB Decimal	175, 126, 12	`rgb(175,126,12)`
RGB Percent	68.6, 49.4, 4.7	`rgb(68.6%,49.4%,4.7%)`
CMYK	0, 28, 93, 31
HSL	42°, 87.2, 36.7	`hsl(42,87.2%,36.7%)`
HSV (or HSB)	42°, 93.1, 68.6
Web Safe	996600	`#996600`

CIE-LAB	56.152, 10.243, 59.824
XYZ	25.207, 24.064, 3.665
xyY	0.476, 0.455, 24.064
CIE-LCH	56.152, 60.694, 80.284
CIE-LUV	56.152, 40.903, 56.187
Hunter-Lab	49.055, 5.877, 29.909
Binary	10101111, 01111110, 00001100

#af7e0c
```
#af7e0c rgb(175,126,12)
```
#0c3daf
```
#0c3daf rgb(12,61,175)
```

Complementary Color

#af2d0c
```
#af2d0c rgb(175,45,12)
```
#af7e0c
```
#af7e0c rgb(175,126,12)
```
#8faf0c
```
#8faf0c rgb(143,175,12)
```

Analogous Color

#2d0caf
```
#2d0caf rgb(45,12,175)
```
#af7e0c
```
#af7e0c rgb(175,126,12)
```
#0c8faf
```
#0c8faf rgb(12,143,175)
```

Split Complementary Color

#7e0caf
```
#7e0caf rgb(126,12,175)
```
#af7e0c
```
#af7e0c rgb(175,126,12)
```
#0caf7e
```
#0caf7e rgb(12,175,126)
```

Triadic Color

#af0c3d
```
#af0c3d rgb(175,12,61)
```
#af7e0c
```
#af7e0c rgb(175,126,12)
```
#0caf7e
```
#0caf7e rgb(12,175,126)
```
#0c3daf
```
#0c3daf rgb(12,61,175)
```

Tetradic Color

#674a07
```
#674a07 rgb(103,74,7)
```
#7f5c09
```
#7f5c09 rgb(127,92,9)
```
#976d0a
```
#976d0a rgb(151,109,10)
```
#af7e0c
```
#af7e0c rgb(175,126,12)
```
#c78f0e
```
#c78f0e rgb(199,143,14)
```
#dfa00f
```
#dfa00f rgb(223,160,15)
```
#efaf18
```
#efaf18 rgb(239,175,24)
```

Monochromatic Color

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

#af550c
```
#af550c rgb(175,85,12)
```
#af630c
```
#af630c rgb(175,99,12)
```
#af700c
```
#af700c rgb(175,112,12)
```
#af7e0c
```
#af7e0c rgb(175,126,12)
```
#af8c0c
```
#af8c0c rgb(175,140,12)
```
#af990c
```
#af990c rgb(175,153,12)
```
#afa70c
```
#afa70c rgb(175,167,12)
```

Similar Colors

Text with hexadecimal color #af7e0c

This text has a font color of #af7e0c.

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

#af7e0c background color

This paragraph has a background color of #af7e0c.

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

#af7e0c border color

This element has a border color of #af7e0c.

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

CSS codes

.text {color:#af7e0c;}

.background {background-color:#af7e0c;}

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

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, #0a0701 is the darkest color, while #fefcf6 is the lightest one.

#0a0701
```
#0a0701 rgb(10,7,1)
```
#1c1402
```
#1c1402 rgb(28,20,2)
```
#2f2103
```
#2f2103 rgb(47,33,3)
```
#412f04
```
#412f04 rgb(65,47,4)
```
#533c06
```
#533c06 rgb(83,60,6)
```
#664907
```
#664907 rgb(102,73,7)
```
#785608
```
#785608 rgb(120,86,8)
```
#8a6409
```
#8a6409 rgb(138,100,9)
```
#9d710b
```
#9d710b rgb(157,113,11)
```
#af7e0c
```
#af7e0c rgb(175,126,12)
```
#c18b0d
```
#c18b0d rgb(193,139,13)
```
#d4980f
```
#d4980f rgb(212,152,15)
```
#e6a610
```
#e6a610 rgb(230,166,16)
```

Shade Color Variation

#efaf1a
```
#efaf1a rgb(239,175,26)
```
#f1b62d
```
#f1b62d rgb(241,182,45)
```
#f2bc3f
```
#f2bc3f rgb(242,188,63)
```
#f3c251
```
#f3c251 rgb(243,194,81)
```
#f4c964
```
#f4c964 rgb(244,201,100)
```
#f6cf76
```
#f6cf76 rgb(246,207,118)
```
#f7d688
```
#f7d688 rgb(247,214,136)
```
#f8dc9b
```
#f8dc9b rgb(248,220,155)
```
#f9e2ad
```
#f9e2ad rgb(249,226,173)
```
#fbe9bf
```
#fbe9bf rgb(251,233,191)
```
#fcefd2
```
#fcefd2 rgb(252,239,210)
```
#fdf6e4
```
#fdf6e4 rgb(253,246,228)
```
#fefcf6
```
#fefcf6 rgb(254,252,246)
```

Tint Color Variation

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

#605e5b
```
#605e5b rgb(96,94,91)
```
#676154
```
#676154 rgb(103,97,84)
```
#6e644d
```
#6e644d rgb(110,100,77)
```
#756746
```
#756746 rgb(117,103,70)
```
#7d6a3e
```
#7d6a3e rgb(125,106,62)
```
#846d37
```
#846d37 rgb(132,109,55)
```
#8b7030
```
#8b7030 rgb(139,112,48)
```
#927329
```
#927329 rgb(146,115,41)
```
#997522
```
#997522 rgb(153,117,34)
```
#a1781a
```
#a1781a rgb(161,120,26)
```
#a87b13
```
#a87b13 rgb(168,123,19)
```
#af7e0c
```
#af7e0c rgb(175,126,12)
```
#b68105
```
#b68105 rgb(182,129,5)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#898069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d1b Protanopia 1% of men
#b08617 Deuteranopia 1% of men
#b97c84 Tritanopia 0.001% of the population

Trichromacy

#a48715 Protanomaly 1% of men, 0.01% of women
#af8313 Deuteranomaly 6% of men, 0.4% of women
#b57c58 Tritanomaly 0.01% of the population

#af7e0c hex color

#af7e0c Color Information

#af7e0c Color Conversion

Color Schemes with #af7e0c

Alternatives to #af7e0c

#af7e0c Preview

Shades and Tints of #af7e0c

Tones of #af7e0c

Color Blindness Simulator