#af780f hex color

In a RGB color space, hex #af780f is composed of 68.6% red, 47.1% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 91.4% yellow and 31.4% black. It has a hue angle of 39.4 degrees, a saturation of 84.2% and a lightness of 37.3%. #af780f color hex could be obtained by blending #fff01e with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 47
- B 6
RGB color chart
- C 0
- M 31
- Y 91
- K 31
CMYK color chart

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

The hexadecimal color #af780f has RGB values of R:175, G:120, B:15 and CMYK values of C:0, M:0.31, Y:0.91, K:0.31. Its decimal value is 11499535.

Hex triplet	af780f	`#af780f`
RGB Decimal	175, 120, 15	`rgb(175,120,15)`
RGB Percent	68.6, 47.1, 5.9	`rgb(68.6%,47.1%,5.9%)`
CMYK	0, 31, 91, 31
HSL	39.4°, 84.2, 37.3	`hsl(39.4,84.2%,37.3%)`
HSV (or HSB)	39.4°, 91.4, 68.6
Web Safe	996600	`#996600`

CIE-LAB	54.64, 13.65, 58.072
XYZ	24.483, 22.583, 3.521
xyY	0.484, 0.446, 22.583
CIE-LCH	54.64, 59.655, 76.773
CIE-LUV	54.64, 45.568, 53.564
Hunter-Lab	47.522, 8.798, 28.872
Binary	10101111, 01111000, 00001111

#af780f
```
#af780f rgb(175,120,15)
```
#0f46af
```
#0f46af rgb(15,70,175)
```

Complementary Color

#af280f
```
#af280f rgb(175,40,15)
```
#af780f
```
#af780f rgb(175,120,15)
```
#96af0f
```
#96af0f rgb(150,175,15)
```

Analogous Color

#280faf
```
#280faf rgb(40,15,175)
```
#af780f
```
#af780f rgb(175,120,15)
```
#0f96af
```
#0f96af rgb(15,150,175)
```

Split Complementary Color

#780faf
```
#780faf rgb(120,15,175)
```
#af780f
```
#af780f rgb(175,120,15)
```
#0faf78
```
#0faf78 rgb(15,175,120)
```

Triadic Color

#af0f46
```
#af0f46 rgb(175,15,70)
```
#af780f
```
#af780f rgb(175,120,15)
```
#0faf78
```
#0faf78 rgb(15,175,120)
```
#0f46af
```
#0f46af rgb(15,70,175)
```

Tetradic Color

#694809
```
#694809 rgb(105,72,9)
```
#80580b
```
#80580b rgb(128,88,11)
```
#98680d
```
#98680d rgb(152,104,13)
```
#af780f
```
#af780f rgb(175,120,15)
```
#c68811
```
#c68811 rgb(198,136,17)
```
#de9813
```
#de9813 rgb(222,152,19)
```
#eca51f
```
#eca51f rgb(236,165,31)
```

Monochromatic Color

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

#af500f
```
#af500f rgb(175,80,15)
```
#af5d0f
```
#af5d0f rgb(175,93,15)
```
#af6b0f
```
#af6b0f rgb(175,107,15)
```
#af780f
```
#af780f rgb(175,120,15)
```
#af850f
```
#af850f rgb(175,133,15)
```
#af930f
```
#af930f rgb(175,147,15)
```
#afa00f
```
#afa00f rgb(175,160,15)
```

Similar Colors

Text with hexadecimal color #af780f

This text has a font color of #af780f.

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

#af780f background color

This paragraph has a background color of #af780f.

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

#af780f border color

This element has a border color of #af780f.

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

CSS codes

.text {color:#af780f;}

.background {background-color:#af780f;}

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

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

#0c0901
```
#0c0901 rgb(12,9,1)
```
#1e1503
```
#1e1503 rgb(30,21,3)
```
#312104
```
#312104 rgb(49,33,4)
```
#432e06
```
#432e06 rgb(67,46,6)
```
#553a07
```
#553a07 rgb(85,58,7)
```
#674609
```
#674609 rgb(103,70,9)
```
#79530a
```
#79530a rgb(121,83,10)
```
#8b5f0c
```
#8b5f0c rgb(139,95,12)
```
#9d6c0d
```
#9d6c0d rgb(157,108,13)
```
#af780f
```
#af780f rgb(175,120,15)
```
#c18411
```
#c18411 rgb(193,132,17)
```
#d39112
```
#d39112 rgb(211,145,18)
```
#e59d14
```
#e59d14 rgb(229,157,20)
```

Shade Color Variation

#eca621
```
#eca621 rgb(236,166,33)
```
#edad33
```
#edad33 rgb(237,173,51)
```
#efb445
```
#efb445 rgb(239,180,69)
```
#f1bc57
```
#f1bc57 rgb(241,188,87)
```
#f2c369
```
#f2c369 rgb(242,195,105)
```
#f4ca7b
```
#f4ca7b rgb(244,202,123)
```
#f5d18d
```
#f5d18d rgb(245,209,141)
```
#f7d99f
```
#f7d99f rgb(247,217,159)
```
#f8e0b1
```
#f8e0b1 rgb(248,224,177)
```
#fae7c3
```
#fae7c3 rgb(250,231,195)
```
#fbeed5
```
#fbeed5 rgb(251,238,213)
```
#fdf6e7
```
#fdf6e7 rgb(253,246,231)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#666158
```
#666158 rgb(102,97,88)
```
#6d6351
```
#6d6351 rgb(109,99,81)
```
#756649
```
#756649 rgb(117,102,73)
```
#7c6842
```
#7c6842 rgb(124,104,66)
```
#836a3b
```
#836a3b rgb(131,106,59)
```
#8a6d34
```
#8a6d34 rgb(138,109,52)
```
#926f2c
```
#926f2c rgb(146,111,44)
```
#997125
```
#997125 rgb(153,113,37)
```
#a0731e
```
#a0731e rgb(160,115,30)
```
#a87616
```
#a87616 rgb(168,118,22)
```
#af780f
```
#af780f rgb(175,120,15)
```
#b67a08
```
#b67a08 rgb(182,122,8)
```
#be7d00
```
#be7d00 rgb(190,125,0)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#867b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99891e Protanopia 1% of men
#ab8218 Deuteranopia 1% of men
#b8767e Tritanopia 0.001% of the population

Trichromacy

#a18318 Protanomaly 1% of men, 0.01% of women
#ac7e14 Deuteranomaly 6% of men, 0.4% of women
#b57756 Tritanomaly 0.01% of the population

#af780f hex color

#af780f Color Information

#af780f Color Conversion

Color Schemes with #af780f

Alternatives to #af780f

#af780f Preview

Shades and Tints of #af780f

Tones of #af780f

Color Blindness Simulator