colorhexa.com

#af6607 hex color

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

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

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

The hexadecimal color #af6607 has RGB values of R:175, G:102, B:7 and CMYK values of C:0, M:0.42, Y:0.96, K:0.31. Its decimal value is 11494919.

Hex triplet	af6607	`#af6607`
RGB Decimal	175, 102, 7	`rgb(175,102,7)`
RGB Percent	68.6, 40, 2.7	`rgb(68.6%,40%,2.7%)`
CMYK	0, 42, 96, 31
HSL	33.9°, 92.3, 35.7	`hsl(33.9,92.3%,35.7%)`
HSV (or HSB)	33.9°, 96, 68.6
Web Safe	996600	`#996600`

CIE-LAB	50.256, 23.578, 56.536
XYZ	22.47, 18.634, 2.614
xyY	0.514, 0.426, 18.634
CIE-LCH	50.256, 61.255, 67.362
CIE-LUV	50.256, 60.275, 47.667
Hunter-Lab	43.167, 17.372, 26.626
Binary	10101111, 01100110, 00000111

#af6607
```
#af6607 rgb(175,102,7)
```
#0750af
```
#0750af rgb(7,80,175)
```

Complementary Color

#af1207
```
#af1207 rgb(175,18,7)
```
#af6607
```
#af6607 rgb(175,102,7)
```
#a4af07
```
#a4af07 rgb(164,175,7)
```

Analogous Color

#1207af
```
#1207af rgb(18,7,175)
```
#af6607
```
#af6607 rgb(175,102,7)
```
#07a4af
```
#07a4af rgb(7,164,175)
```

Split Complementary Color

#6607af
```
#6607af rgb(102,7,175)
```
#af6607
```
#af6607 rgb(175,102,7)
```
#07af66
```
#07af66 rgb(7,175,102)
```

Triadic Color

#653b04
```
#653b04 rgb(101,59,4)
```
#7e4905
```
#7e4905 rgb(126,73,5)
```
#965806
```
#965806 rgb(150,88,6)
```
#af6607
```
#af6607 rgb(175,102,7)
```
#c87408
```
#c87408 rgb(200,116,8)
```
#e08309
```
#e08309 rgb(224,131,9)
```
#f5900d
```
#f5900d rgb(245,144,13)
```

Monochromatic Color

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

#af3c07
```
#af3c07 rgb(175,60,7)
```
#af4a07
```
#af4a07 rgb(175,74,7)
```
#af5807
```
#af5807 rgb(175,88,7)
```
#af6607
```
#af6607 rgb(175,102,7)
```
#af7407
```
#af7407 rgb(175,116,7)
```
#af8207
```
#af8207 rgb(175,130,7)
```
#af9007
```
#af9007 rgb(175,144,7)
```

Similar Colors

Text with hexadecimal color #af6607

This text has a font color of #af6607.

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

#af6607 background color

This paragraph has a background color of #af6607.

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

#af6607 border color

This element has a border color of #af6607.

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

CSS codes

.text {color:#af6607;}

.background {background-color:#af6607;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#180e01
```
#180e01 rgb(24,14,1)
```
#2b1902
```
#2b1902 rgb(43,25,2)
```
#3e2402
```
#3e2402 rgb(62,36,2)
```
#512f03
```
#512f03 rgb(81,47,3)
```
#643a04
```
#643a04 rgb(100,58,4)
```
#764505
```
#764505 rgb(118,69,5)
```
#895005
```
#895005 rgb(137,80,5)
```
#9c5b06
```
#9c5b06 rgb(156,91,6)
```
#af6607
```
#af6607 rgb(175,102,7)
```
#c27108
```
#c27108 rgb(194,113,8)
```
#d57c09
```
#d57c09 rgb(213,124,9)
```
#e88709
```
#e88709 rgb(232,135,9)
```

Shade Color Variation

#f5910f
```
#f5910f rgb(245,145,15)
```
#f69a22
```
#f69a22 rgb(246,154,34)
```
#f7a335
```
#f7a335 rgb(247,163,53)
```
#f8ab48
```
#f8ab48 rgb(248,171,72)
```
#f8b45b
```
#f8b45b rgb(248,180,91)
```
#f9bc6d
```
#f9bc6d rgb(249,188,109)
```
#fac580
```
#fac580 rgb(250,197,128)
```
#fbce93
```
#fbce93 rgb(251,206,147)
```
#fbd6a6
```
#fbd6a6 rgb(251,214,166)
```
#fcdfb9
```
#fcdfb9 rgb(252,223,185)
```
#fde8cc
```
#fde8cc rgb(253,232,204)
```
#fef0df
```
#fef0df rgb(254,240,223)
```
#fef9f1
```
#fef9f1 rgb(254,249,241)
```

Tint Color Variation

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

#625c54
```
#625c54 rgb(98,92,84)
```
#695d4d
```
#695d4d rgb(105,93,77)
```
#705e46
```
#705e46 rgb(112,94,70)
```
#775f3f
```
#775f3f rgb(119,95,63)
```
#7e6038
```
#7e6038 rgb(126,96,56)
```
#856131
```
#856131 rgb(133,97,49)
```
#8c612a
```
#8c612a rgb(140,97,42)
```
#936223
```
#936223 rgb(147,98,35)
```
#9a631c
```
#9a631c rgb(154,99,28)
```
#a16415
```
#a16415 rgb(161,100,21)
```
#a8650e
```
#a8650e rgb(168,101,14)
```
#af6607
```
#af6607 rgb(175,102,7)
```
#b66700
```
#b66700 rgb(182,103,0)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7d6f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7e18 Protanopia 1% of men
#9e7800 Deuteranopia 1% of men
#b7666d Tritanopia 0.001% of the population

Trichromacy

#997512 Protanomaly 1% of men, 0.01% of women
#a47102 Deuteranomaly 6% of men, 0.4% of women
#b46648 Tritanomaly 0.01% of the population