colorhexa.com

#af7507 hex color

In a RGB color space, hex #af7507 is composed of 68.6% red, 45.9% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 96% yellow and 31.4% black. It has a hue angle of 39.3 degrees, a saturation of 92.3% and a lightness of 35.7%. #af7507 color hex could be obtained by blending #ffea0e with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af7507 has RGB values of R:175, G:117, B:7 and CMYK values of C:0, M:0.33, Y:0.96, K:0.31. Its decimal value is 11498759.

Hex triplet	af7507	`#af7507`
RGB Decimal	175, 117, 7	`rgb(175,117,7)`
RGB Percent	68.6, 45.9, 2.7	`rgb(68.6%,45.9%,2.7%)`
CMYK	0, 33, 96, 31
HSL	39.3°, 92.3, 35.7	`hsl(39.3,92.3%,35.7%)`
HSV (or HSB)	39.3°, 96, 68.6
Web Safe	996600	`#996600`

CIE-LAB	53.871, 15.209, 59.064
XYZ	24.079, 21.854, 3.151
xyY	0.491, 0.445, 21.854
CIE-LCH	53.871, 60.991, 75.56
CIE-LUV	53.871, 48.127, 53.213
Hunter-Lab	46.748, 10.136, 28.727
Binary	10101111, 01110101, 00000111

#af7507
```
#af7507 rgb(175,117,7)
```
#0741af
```
#0741af rgb(7,65,175)
```

Complementary Color

#af2107
```
#af2107 rgb(175,33,7)
```
#af7507
```
#af7507 rgb(175,117,7)
```
#95af07
```
#95af07 rgb(149,175,7)
```

Analogous Color

#2107af
```
#2107af rgb(33,7,175)
```
#af7507
```
#af7507 rgb(175,117,7)
```
#0795af
```
#0795af rgb(7,149,175)
```

Split Complementary Color

#7507af
```
#7507af rgb(117,7,175)
```
#af7507
```
#af7507 rgb(175,117,7)
```
#07af75
```
#07af75 rgb(7,175,117)
```

Triadic Color

#654404
```
#654404 rgb(101,68,4)
```
#7e5405
```
#7e5405 rgb(126,84,5)
```
#966506
```
#966506 rgb(150,101,6)
```
#af7507
```
#af7507 rgb(175,117,7)
```
#c88508
```
#c88508 rgb(200,133,8)
```
#e09609
```
#e09609 rgb(224,150,9)
```
#f5a50d
```
#f5a50d rgb(245,165,13)
```

Monochromatic Color

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

#af4b07
```
#af4b07 rgb(175,75,7)
```
#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)
```

Similar Colors

Text with hexadecimal color #af7507

This text has a font color of #af7507.

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

#af7507 background color

This paragraph has a background color of #af7507.

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

#af7507 border color

This element has a border color of #af7507.

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

CSS codes

.text {color:#af7507;}

.background {background-color:#af7507;}

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

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 #fefaf1 is the lightest one.

#050400
```
#050400 rgb(5,4,0)
```
#181001
```
#181001 rgb(24,16,1)
```
#2b1d02
```
#2b1d02 rgb(43,29,2)
```
#3e2902
```
#3e2902 rgb(62,41,2)
```
#513603
```
#513603 rgb(81,54,3)
```
#644304
```
#644304 rgb(100,67,4)
```
#764f05
```
#764f05 rgb(118,79,5)
```
#895c05
```
#895c05 rgb(137,92,5)
```
#9c6806
```
#9c6806 rgb(156,104,6)
```
#af7507
```
#af7507 rgb(175,117,7)
```
#c28208
```
#c28208 rgb(194,130,8)
```
#d58e09
```
#d58e09 rgb(213,142,9)
```
#e89b09
```
#e89b09 rgb(232,155,9)
```

Shade Color Variation

#f5a60f
```
#f5a60f rgb(245,166,15)
```
#f6ad22
```
#f6ad22 rgb(246,173,34)
```
#f7b435
```
#f7b435 rgb(247,180,53)
```
#f8bb48
```
#f8bb48 rgb(248,187,72)
```
#f8c25b
```
#f8c25b rgb(248,194,91)
```
#f9c96d
```
#f9c96d rgb(249,201,109)
```
#fad080
```
#fad080 rgb(250,208,128)
```
#fbd793
```
#fbd793 rgb(251,215,147)
```
#fbdea6
```
#fbdea6 rgb(251,222,166)
```
#fce5b9
```
#fce5b9 rgb(252,229,185)
```
#fdeccc
```
#fdeccc rgb(253,236,204)
```
#fef3df
```
#fef3df rgb(254,243,223)
```
#fefaf1
```
#fefaf1 rgb(254,250,241)
```

Tint Color Variation

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

#625d54
```
#625d54 rgb(98,93,84)
```
#695f4d
```
#695f4d rgb(105,95,77)
```
#706246
```
#706246 rgb(112,98,70)
```
#77643f
```
#77643f rgb(119,100,63)
```
#7e6638
```
#7e6638 rgb(126,102,56)
```
#856831
```
#856831 rgb(133,104,49)
```
#8c6a2a
```
#8c6a2a rgb(140,106,42)
```
#936c23
```
#936c23 rgb(147,108,35)
```
#9a6f1c
```
#9a6f1c rgb(154,111,28)
```
#a17115
```
#a17115 rgb(161,113,21)
```
#a8730e
```
#a8730e rgb(168,115,14)
```
#af7507
```
#af7507 rgb(175,117,7)
```
#b67700
```
#b67700 rgb(182,119,0)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#857963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978717 Protanopia 1% of men
#a9800b Deuteranopia 1% of men
#b8747b Tritanopia 0.001% of the population

Trichromacy

#a08011 Protanomaly 1% of men, 0.01% of women
#ab7c0a Deuteranomaly 6% of men, 0.4% of women
#b47451 Tritanomaly 0.01% of the population