#af3c0a hex color

In a RGB color space, hex #af3c0a is composed of 68.6% red, 23.5% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 94.3% yellow and 31.4% black. It has a hue angle of 18.2 degrees, a saturation of 89.2% and a lightness of 36.3%. #af3c0a color hex could be obtained by blending #ff7814 with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 24
- B 4
RGB color chart
- C 0
- M 66
- Y 94
- K 31
CMYK color chart

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

The hexadecimal color #af3c0a has RGB values of R:175, G:60, B:10 and CMYK values of C:0, M:0.66, Y:0.94, K:0.31. Its decimal value is 11484170.

Hex triplet	af3c0a	`#af3c0a`
RGB Decimal	175, 60, 10	`rgb(175,60,10)`
RGB Percent	68.6, 23.5, 3.9	`rgb(68.6%,23.5%,3.9%)`
CMYK	0, 66, 94, 31
HSL	18.2°, 89.2, 36.3	`hsl(18.2,89.2%,36.3%)`
HSV (or HSB)	18.2°, 94.3, 68.6
Web Safe	993300	`#993300`

CIE-LAB	41.798, 45.013, 50.101
XYZ	19.351, 12.37, 1.656
xyY	0.58, 0.371, 12.37
CIE-LCH	41.798, 67.352, 48.062
CIE-LUV	41.798, 92.907, 33.764
Hunter-Lab	35.171, 36.661, 21.828
Binary	10101111, 00111100, 00001010

#af3c0a
```
#af3c0a rgb(175,60,10)
```
#0a7daf
```
#0a7daf rgb(10,125,175)
```

Complementary Color

#af0a2a
```
#af0a2a rgb(175,10,42)
```
#af3c0a
```
#af3c0a rgb(175,60,10)
```
#af8f0a
```
#af8f0a rgb(175,143,10)
```

Analogous Color

#0a2baf
```
#0a2baf rgb(10,43,175)
```
#af3c0a
```
#af3c0a rgb(175,60,10)
```
#0aaf8f
```
#0aaf8f rgb(10,175,143)
```

Split Complementary Color

#3c0aaf
```
#3c0aaf rgb(60,10,175)
```
#af3c0a
```
#af3c0a rgb(175,60,10)
```
#0aaf3c
```
#0aaf3c rgb(10,175,60)
```

Triadic Color

#af0a7d
```
#af0a7d rgb(175,10,125)
```
#af3c0a
```
#af3c0a rgb(175,60,10)
```
#0aaf3c
```
#0aaf3c rgb(10,175,60)
```
#0a7daf
```
#0a7daf rgb(10,125,175)
```

Tetradic Color

#672306
```
#672306 rgb(103,35,6)
```
#7f2b07
```
#7f2b07 rgb(127,43,7)
```
#973409
```
#973409 rgb(151,52,9)
```
#af3c0a
```
#af3c0a rgb(175,60,10)
```
#c7440b
```
#c7440b rgb(199,68,11)
```
#df4d0d
```
#df4d0d rgb(223,77,13)
```
#f25714
```
#f25714 rgb(242,87,20)
```

Monochromatic Color

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

#af130a
```
#af130a rgb(175,19,10)
```
#af210a
```
#af210a rgb(175,33,10)
```
#af2e0a
```
#af2e0a rgb(175,46,10)
```
#af3c0a
```
#af3c0a rgb(175,60,10)
```
#af4a0a
```
#af4a0a rgb(175,74,10)
```
#af580a
```
#af580a rgb(175,88,10)
```
#af650a
```
#af650a rgb(175,101,10)
```

Similar Colors

Text with hexadecimal color #af3c0a

This text has a font color of #af3c0a.

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

#af3c0a background color

This paragraph has a background color of #af3c0a.

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

#af3c0a border color

This element has a border color of #af3c0a.

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

CSS codes

.text {color:#af3c0a;}

.background {background-color:#af3c0a;}

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

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

#080300
```
#080300 rgb(8,3,0)
```
#1b0902
```
#1b0902 rgb(27,9,2)
```
#2d0f03
```
#2d0f03 rgb(45,15,3)
```
#401604
```
#401604 rgb(64,22,4)
```
#521c05
```
#521c05 rgb(82,28,5)
```
#652306
```
#652306 rgb(101,35,6)
```
#772907
```
#772907 rgb(119,41,7)
```
#8a2f08
```
#8a2f08 rgb(138,47,8)
```
#9c3609
```
#9c3609 rgb(156,54,9)
```
#af3c0a
```
#af3c0a rgb(175,60,10)
```
#c2420b
```
#c2420b rgb(194,66,11)
```
#d4490c
```
#d4490c rgb(212,73,12)
```
#e74f0d
```
#e74f0d rgb(231,79,13)
```

Shade Color Variation

#f25816
```
#f25816 rgb(242,88,22)
```
#f36628
```
#f36628 rgb(243,102,40)
```
#f4733b
```
#f4733b rgb(244,115,59)
```
#f5804d
```
#f5804d rgb(245,128,77)
```
#f68d60
```
#f68d60 rgb(246,141,96)
```
#f79b73
```
#f79b73 rgb(247,155,115)
```
#f8a885
```
#f8a885 rgb(248,168,133)
```
#f9b598
```
#f9b598 rgb(249,181,152)
```
#fac2aa
```
#fac2aa rgb(250,194,170)
```
#fbd0bd
```
#fbd0bd rgb(251,208,189)
```
#fcddcf
```
#fcddcf rgb(252,221,207)
```
#fdeae2
```
#fdeae2 rgb(253,234,226)
```
#fef7f4
```
#fef7f4 rgb(254,247,244)
```

Tint Color Variation

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

#615b58
```
#615b58 rgb(97,91,88)
```
#685851
```
#685851 rgb(104,88,81)
```
#6f554a
```
#6f554a rgb(111,85,74)
```
#765243
```
#765243 rgb(118,82,67)
```
#7d503c
```
#7d503c rgb(125,80,60)
```
#844d35
```
#844d35 rgb(132,77,53)
```
#8b4a2e
```
#8b4a2e rgb(139,74,46)
```
#934726
```
#934726 rgb(147,71,38)
```
#9a441f
```
#9a441f rgb(154,68,31)
```
#a14218
```
#a14218 rgb(161,66,24)
```
#a83f11
```
#a83f11 rgb(168,63,17)
```
#af3c0a
```
#af3c0a rgb(175,60,10)
```
#b63903
```
#b63903 rgb(182,57,3)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6a5349 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776a1f Protanopia 1% of men
#856500 Deuteranopia 1% of men
#b44145 Tritanopia 0.001% of the population

Trichromacy

#8b5917 Protanomaly 1% of men, 0.01% of women
#945603 Deuteranomaly 6% of men, 0.4% of women
#b23f2f Tritanomaly 0.01% of the population

#af3c0a hex color

#af3c0a Color Information

#af3c0a Color Conversion

Color Schemes with #af3c0a

Alternatives to #af3c0a

#af3c0a Preview

Shades and Tints of #af3c0a

Tones of #af3c0a

Color Blindness Simulator