colorhexa.com

#af8307 hex color

In a RGB color space, hex #af8307 is composed of 68.6% red, 51.4% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 96% yellow and 31.4% black. It has a hue angle of 44.3 degrees, a saturation of 92.3% and a lightness of 35.7%. #af8307 color hex could be obtained by blending #ffff0e with #5f0700. Closest websafe color is: #999900.

- R 69
- G 51
- B 3
RGB color chart
- C 0
- M 25
- Y 96
- K 31
CMYK color chart

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

The hexadecimal color #af8307 has RGB values of R:175, G:131, B:7 and CMYK values of C:0, M:0.25, Y:0.96, K:0.31. Its decimal value is 11502343.

Hex triplet	af8307	`#af8307`
RGB Decimal	175, 131, 7	`rgb(175,131,7)`
RGB Percent	68.6, 51.4, 2.7	`rgb(68.6%,51.4%,2.7%)`
CMYK	0, 25, 96, 31
HSL	44.3°, 92.3, 35.7	`hsl(44.3,92.3%,35.7%)`
HSV (or HSB)	44.3°, 96, 68.6
Web Safe	999900	`#999900`

CIE-LAB	57.428, 7.385, 61.61
XYZ	25.834, 25.363, 3.736
xyY	0.47, 0.462, 25.363
CIE-LCH	57.428, 62.051, 83.164
CIE-LUV	57.428, 37.089, 58.551
Hunter-Lab	50.362, 3.432, 30.855
Binary	10101111, 10000011, 00000111

#af8307
```
#af8307 rgb(175,131,7)
```
#0733af
```
#0733af rgb(7,51,175)
```

Complementary Color

#af2f07
```
#af2f07 rgb(175,47,7)
```
#af8307
```
#af8307 rgb(175,131,7)
```
#87af07
```
#87af07 rgb(135,175,7)
```

Analogous Color

#2f07af
```
#2f07af rgb(47,7,175)
```
#af8307
```
#af8307 rgb(175,131,7)
```
#0787af
```
#0787af rgb(7,135,175)
```

Split Complementary Color

#8307af
```
#8307af rgb(131,7,175)
```
#af8307
```
#af8307 rgb(175,131,7)
```
#07af83
```
#07af83 rgb(7,175,131)
```

Triadic Color

#654c04
```
#654c04 rgb(101,76,4)
```
#7e5e05
```
#7e5e05 rgb(126,94,5)
```
#967106
```
#967106 rgb(150,113,6)
```
#af8307
```
#af8307 rgb(175,131,7)
```
#c89508
```
#c89508 rgb(200,149,8)
```
#e0a809
```
#e0a809 rgb(224,168,9)
```
#f5b90d
```
#f5b90d rgb(245,185,13)
```

Monochromatic Color

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

#af5907
```
#af5907 rgb(175,89,7)
```
#af6707
```
#af6707 rgb(175,103,7)
```
#af7507
```
#af7507 rgb(175,117,7)
```
#af8307
```
#af8307 rgb(175,131,7)
```
#af9107
```
#af9107 rgb(175,145,7)
```
#af9f07
```
#af9f07 rgb(175,159,7)
```
#afad07
```
#afad07 rgb(175,173,7)
```

Similar Colors

Text with hexadecimal color #af8307

This text has a font color of #af8307.

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

#af8307 background color

This paragraph has a background color of #af8307.

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

#af8307 border color

This element has a border color of #af8307.

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

CSS codes

.text {color:#af8307;}

.background {background-color:#af8307;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#181201
```
#181201 rgb(24,18,1)
```
#2b2002
```
#2b2002 rgb(43,32,2)
```
#3e2e02
```
#3e2e02 rgb(62,46,2)
```
#513c03
```
#513c03 rgb(81,60,3)
```
#644b04
```
#644b04 rgb(100,75,4)
```
#765905
```
#765905 rgb(118,89,5)
```
#896705
```
#896705 rgb(137,103,5)
```
#9c7506
```
#9c7506 rgb(156,117,6)
```
#af8307
```
#af8307 rgb(175,131,7)
```
#c29108
```
#c29108 rgb(194,145,8)
```
#d59f09
```
#d59f09 rgb(213,159,9)
```
#e8ad09
```
#e8ad09 rgb(232,173,9)
```

Shade Color Variation

#f5b90f
```
#f5b90f rgb(245,185,15)
```
#f6bf22
```
#f6bf22 rgb(246,191,34)
```
#f7c435
```
#f7c435 rgb(247,196,53)
```
#f8ca48
```
#f8ca48 rgb(248,202,72)
```
#f8cf5b
```
#f8cf5b rgb(248,207,91)
```
#f9d56d
```
#f9d56d rgb(249,213,109)
```
#fada80
```
#fada80 rgb(250,218,128)
```
#fbe093
```
#fbe093 rgb(251,224,147)
```
#fbe5a6
```
#fbe5a6 rgb(251,229,166)
```
#fcebb9
```
#fcebb9 rgb(252,235,185)
```
#fdf0cc
```
#fdf0cc rgb(253,240,204)
```
#fef6df
```
#fef6df rgb(254,246,223)
```
#fefbf1
```
#fefbf1 rgb(254,251,241)
```

Tint Color Variation

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

#625e54
```
#625e54 rgb(98,94,84)
```
#69624d
```
#69624d rgb(105,98,77)
```
#706546
```
#706546 rgb(112,101,70)
```
#77683f
```
#77683f rgb(119,104,63)
```
#7e6c38
```
#7e6c38 rgb(126,108,56)
```
#856f31
```
#856f31 rgb(133,111,49)
```
#8c722a
```
#8c722a rgb(140,114,42)
```
#937623
```
#937623 rgb(147,118,35)
```
#9a791c
```
#9a791c rgb(154,121,28)
```
#a17c15
```
#a17c15 rgb(161,124,21)
```
#a8800e
```
#a8800e rgb(168,128,14)
```
#af8307
```
#af8307 rgb(175,131,7)
```
#b68600
```
#b68600 rgb(182,134,0)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b8269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19016 Protanopia 1% of men
#b48914 Deuteranopia 1% of men
#b98089 Tritanopia 0.001% of the population

Trichromacy

#a68b10 Protanomaly 1% of men, 0.01% of women
#b2860f Deuteranomaly 6% of men, 0.4% of women
#b58159 Tritanomaly 0.01% of the population