#af3b0a hex color

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

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

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

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

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

CIE-LAB	41.636, 45.448, 49.995
XYZ	19.299, 12.266, 1.639
xyY	0.581, 0.369, 12.266
CIE-LCH	41.636, 67.565, 47.727
CIE-LUV	41.636, 93.6, 33.495
Hunter-Lab	35.023, 37.07, 21.742
Binary	10101111, 00111011, 00001010

#af3b0a
```
#af3b0a rgb(175,59,10)
```
#0a7eaf
```
#0a7eaf rgb(10,126,175)
```

Complementary Color

#af0a2c
```
#af0a2c rgb(175,10,44)
```
#af3b0a
```
#af3b0a rgb(175,59,10)
```
#af8e0a
```
#af8e0a rgb(175,142,10)
```

Analogous Color

#0a2caf
```
#0a2caf rgb(10,44,175)
```
#af3b0a
```
#af3b0a rgb(175,59,10)
```
#0aaf8e
```
#0aaf8e rgb(10,175,142)
```

Split Complementary Color

#3b0aaf
```
#3b0aaf rgb(59,10,175)
```
#af3b0a
```
#af3b0a rgb(175,59,10)
```
#0aaf3b
```
#0aaf3b rgb(10,175,59)
```

Triadic Color

#af0a7e
```
#af0a7e rgb(175,10,126)
```
#af3b0a
```
#af3b0a rgb(175,59,10)
```
#0aaf3b
```
#0aaf3b rgb(10,175,59)
```
#0a7eaf
```
#0a7eaf rgb(10,126,175)
```

Tetradic Color

#672306
```
#672306 rgb(103,35,6)
```
#7f2b07
```
#7f2b07 rgb(127,43,7)
```
#973309
```
#973309 rgb(151,51,9)
```
#af3b0a
```
#af3b0a rgb(175,59,10)
```
#c7430b
```
#c7430b rgb(199,67,11)
```
#df4b0d
```
#df4b0d rgb(223,75,13)
```
#f25614
```
#f25614 rgb(242,86,20)
```

Monochromatic Color

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

#af120a
```
#af120a rgb(175,18,10)
```
#af200a
```
#af200a rgb(175,32,10)
```
#af2d0a
```
#af2d0a rgb(175,45,10)
```
#af3b0a
```
#af3b0a rgb(175,59,10)
```
#af490a
```
#af490a rgb(175,73,10)
```
#af570a
```
#af570a rgb(175,87,10)
```
#af640a
```
#af640a rgb(175,100,10)
```

Similar Colors

Text with hexadecimal color #af3b0a

This text has a font color of #af3b0a.

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

#af3b0a background color

This paragraph has a background color of #af3b0a.

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

#af3b0a border color

This element has a border color of #af3b0a.

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

CSS codes

.text {color:#af3b0a;}

.background {background-color:#af3b0a;}

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

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)
```
#401504
```
#401504 rgb(64,21,4)
```
#521c05
```
#521c05 rgb(82,28,5)
```
#652206
```
#652206 rgb(101,34,6)
```
#772807
```
#772807 rgb(119,40,7)
```
#8a2e08
```
#8a2e08 rgb(138,46,8)
```
#9c3509
```
#9c3509 rgb(156,53,9)
```
#af3b0a
```
#af3b0a rgb(175,59,10)
```
#c2410b
```
#c2410b rgb(194,65,11)
```
#d4480c
```
#d4480c rgb(212,72,12)
```
#e74e0d
```
#e74e0d rgb(231,78,13)
```

Shade Color Variation

#f25716
```
#f25716 rgb(242,87,22)
```
#f36428
```
#f36428 rgb(243,100,40)
```
#f4723b
```
#f4723b rgb(244,114,59)
```
#f57f4d
```
#f57f4d rgb(245,127,77)
```
#f68d60
```
#f68d60 rgb(246,141,96)
```
#f79a73
```
#f79a73 rgb(247,154,115)
```
#f8a785
```
#f8a785 rgb(248,167,133)
```
#f9b598
```
#f9b598 rgb(249,181,152)
```
#fac2aa
```
#fac2aa rgb(250,194,170)
```
#fbcfbd
```
#fbcfbd rgb(251,207,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 #b63803 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)
```
#7d4f3c
```
#7d4f3c rgb(125,79,60)
```
#844c35
```
#844c35 rgb(132,76,53)
```
#8b492e
```
#8b492e rgb(139,73,46)
```
#934726
```
#934726 rgb(147,71,38)
```
#9a441f
```
#9a441f rgb(154,68,31)
```
#a14118
```
#a14118 rgb(161,65,24)
```
#a83e11
```
#a83e11 rgb(168,62,17)
```
#af3b0a
```
#af3b0a rgb(175,59,10)
```
#b63803
```
#b63803 rgb(182,56,3)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#695248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766a20 Protanopia 1% of men
#856500 Deuteranopia 1% of men
#b44144 Tritanopia 0.001% of the population

Trichromacy

#8b5918 Protanomaly 1% of men, 0.01% of women
#945503 Deuteranomaly 6% of men, 0.4% of women
#b23e2f Tritanomaly 0.01% of the population

#af3b0a hex color

#af3b0a Color Information

#af3b0a Color Conversion

Color Schemes with #af3b0a

Alternatives to #af3b0a

#af3b0a Preview

Shades and Tints of #af3b0a

Tones of #af3b0a

Color Blindness Simulator