#af780a hex color

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

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

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

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

Hex triplet	af780a	`#af780a`
RGB Decimal	175, 120, 10	`rgb(175,120,10)`
RGB Percent	68.6, 47.1, 3.9	`rgb(68.6%,47.1%,3.9%)`
CMYK	0, 31, 94, 31
HSL	40°, 89.2, 36.3	`hsl(40,89.2%,36.3%)`
HSV (or HSB)	40°, 94.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	54.627, 13.57, 59.064
XYZ	24.451, 22.57, 3.356
xyY	0.485, 0.448, 22.57
CIE-LCH	54.627, 60.603, 77.061
CIE-LUV	54.627, 45.675, 54.077
Hunter-Lab	47.508, 8.729, 29.068
Binary	10101111, 01111000, 00001010

#af780a
```
#af780a rgb(175,120,10)
```
#0a41af
```
#0a41af rgb(10,65,175)
```

Complementary Color

#af250a
```
#af250a rgb(175,37,10)
```
#af780a
```
#af780a rgb(175,120,10)
```
#94af0a
```
#94af0a rgb(148,175,10)
```

Analogous Color

#250aaf
```
#250aaf rgb(37,10,175)
```
#af780a
```
#af780a rgb(175,120,10)
```
#0a94af
```
#0a94af rgb(10,148,175)
```

Split Complementary Color

#780aaf
```
#780aaf rgb(120,10,175)
```
#af780a
```
#af780a rgb(175,120,10)
```
#0aaf78
```
#0aaf78 rgb(10,175,120)
```

Triadic Color

#af0a41
```
#af0a41 rgb(175,10,65)
```
#af780a
```
#af780a rgb(175,120,10)
```
#0aaf78
```
#0aaf78 rgb(10,175,120)
```
#0a41af
```
#0a41af rgb(10,65,175)
```

Tetradic Color

#674606
```
#674606 rgb(103,70,6)
```
#7f5707
```
#7f5707 rgb(127,87,7)
```
#976709
```
#976709 rgb(151,103,9)
```
#af780a
```
#af780a rgb(175,120,10)
```
#c7890b
```
#c7890b rgb(199,137,11)
```
#df990d
```
#df990d rgb(223,153,13)
```
#f2a814
```
#f2a814 rgb(242,168,20)
```

Monochromatic Color

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

#af4f0a
```
#af4f0a rgb(175,79,10)
```
#af5c0a
```
#af5c0a rgb(175,92,10)
```
#af6a0a
```
#af6a0a rgb(175,106,10)
```
#af780a
```
#af780a rgb(175,120,10)
```
#af860a
```
#af860a rgb(175,134,10)
```
#af940a
```
#af940a rgb(175,148,10)
```
#afa10a
```
#afa10a rgb(175,161,10)
```

Similar Colors

Text with hexadecimal color #af780a

This text has a font color of #af780a.

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

#af780a background color

This paragraph has a background color of #af780a.

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

#af780a border color

This element has a border color of #af780a.

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

CSS codes

.text {color:#af780a;}

.background {background-color:#af780a;}

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

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

#080500
```
#080500 rgb(8,5,0)
```
#1b1202
```
#1b1202 rgb(27,18,2)
```
#2d1f03
```
#2d1f03 rgb(45,31,3)
```
#402c04
```
#402c04 rgb(64,44,4)
```
#523805
```
#523805 rgb(82,56,5)
```
#654506
```
#654506 rgb(101,69,6)
```
#775207
```
#775207 rgb(119,82,7)
```
#8a5f08
```
#8a5f08 rgb(138,95,8)
```
#9c6b09
```
#9c6b09 rgb(156,107,9)
```
#af780a
```
#af780a rgb(175,120,10)
```
#c2850b
```
#c2850b rgb(194,133,11)
```
#d4910c
```
#d4910c rgb(212,145,12)
```
#e79e0d
```
#e79e0d rgb(231,158,13)
```

Shade Color Variation

#f2a816
```
#f2a816 rgb(242,168,22)
```
#f3af28
```
#f3af28 rgb(243,175,40)
```
#f4b63b
```
#f4b63b rgb(244,182,59)
```
#f5bd4d
```
#f5bd4d rgb(245,189,77)
```
#f6c460
```
#f6c460 rgb(246,196,96)
```
#f7cb73
```
#f7cb73 rgb(247,203,115)
```
#f8d285
```
#f8d285 rgb(248,210,133)
```
#f9d998
```
#f9d998 rgb(249,217,152)
```
#fae0aa
```
#fae0aa rgb(250,224,170)
```
#fbe6bd
```
#fbe6bd rgb(251,230,189)
```
#fcedcf
```
#fcedcf rgb(252,237,207)
```
#fdf4e2
```
#fdf4e2 rgb(253,244,226)
```
#fefbf4
```
#fefbf4 rgb(254,251,244)
```

Tint Color Variation

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

#615e58
```
#615e58 rgb(97,94,88)
```
#686051
```
#686051 rgb(104,96,81)
```
#6f634a
```
#6f634a rgb(111,99,74)
```
#766543
```
#766543 rgb(118,101,67)
```
#7d673c
```
#7d673c rgb(125,103,60)
```
#846a35
```
#846a35 rgb(132,106,53)
```
#8b6c2e
```
#8b6c2e rgb(139,108,46)
```
#936f26
```
#936f26 rgb(147,111,38)
```
#9a711f
```
#9a711f rgb(154,113,31)
```
#a17318
```
#a17318 rgb(161,115,24)
```
#a87611
```
#a87611 rgb(168,118,17)
```
#af780a
```
#af780a rgb(175,120,10)
```
#b67a03
```
#b67a03 rgb(182,122,3)
```

Tone Color Variation

Below, you can see how #af780a 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
#867b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99891a Protanopia 1% of men
#ab8212 Deuteranopia 1% of men
#b8767e Tritanopia 0.001% of the population

Trichromacy

#a18314 Protanomaly 1% of men, 0.01% of women
#ac7e0f Deuteranomaly 6% of men, 0.4% of women
#b57754 Tritanomaly 0.01% of the population

#af780a hex color

#af780a Color Information

#af780a Color Conversion

Color Schemes with #af780a

Alternatives to #af780a

#af780a Preview

Shades and Tints of #af780a

Tones of #af780a

Color Blindness Simulator