#af7326 hex color

In a RGB color space, hex #af7326 is composed of 68.6% red, 45.1% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.3% magenta, 78.3% yellow and 31.4% black. It has a hue angle of 33.7 degrees, a saturation of 64.3% and a lightness of 41.8%. #af7326 color hex could be obtained by blending #ffe64c with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 45
- B 15
RGB color chart
- C 0
- M 34
- Y 78
- K 31
CMYK color chart

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

The hexadecimal color #af7326 has RGB values of R:175, G:115, B:38 and CMYK values of C:0, M:0.34, Y:0.78, K:0.31. Its decimal value is 11498278.

Hex triplet	af7326	`#af7326`
RGB Decimal	175, 115, 38	`rgb(175,115,38)`
RGB Percent	68.6, 45.1, 14.9	`rgb(68.6%,45.1%,14.9%)`
CMYK	0, 34, 78, 31
HSL	33.7°, 64.3, 41.8	`hsl(33.7,64.3%,41.8%)`
HSV (or HSB)	33.7°, 78.3, 68.6
Web Safe	996633	`#996633`

CIE-LAB	53.511, 17.117, 49.617
XYZ	24.16, 21.517, 4.714
xyY	0.479, 0.427, 21.517
CIE-LCH	53.511, 52.486, 70.967
CIE-LUV	53.511, 48.571, 47.312
Hunter-Lab	46.386, 11.795, 26.445
Binary	10101111, 01110011, 00100110

#af7326
```
#af7326 rgb(175,115,38)
```
#2662af
```
#2662af rgb(38,98,175)
```

Complementary Color

#af2f26
```
#af2f26 rgb(175,47,38)
```
#af7326
```
#af7326 rgb(175,115,38)
```
#a7af26
```
#a7af26 rgb(167,175,38)
```

Analogous Color

#2f26af
```
#2f26af rgb(47,38,175)
```
#af7326
```
#af7326 rgb(175,115,38)
```
#26a7af
```
#26a7af rgb(38,167,175)
```

Split Complementary Color

#7326af
```
#7326af rgb(115,38,175)
```
#af7326
```
#af7326 rgb(175,115,38)
```
#26af73
```
#26af73 rgb(38,175,115)
```

Triadic Color

#af2662
```
#af2662 rgb(175,38,98)
```
#af7326
```
#af7326 rgb(175,115,38)
```
#26af73
```
#26af73 rgb(38,175,115)
```
#2662af
```
#2662af rgb(38,98,175)
```

Tetradic Color

#704a18
```
#704a18 rgb(112,74,24)
```
#85571d
```
#85571d rgb(133,87,29)
```
#9a6521
```
#9a6521 rgb(154,101,33)
```
#af7326
```
#af7326 rgb(175,115,38)
```
#c4812b
```
#c4812b rgb(196,129,43)
```
#d38e35
```
#d38e35 rgb(211,142,53)
```
#d89a4a
```
#d89a4a rgb(216,154,74)
```

Monochromatic Color

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

#af5126
```
#af5126 rgb(175,81,38)
```
#af5c26
```
#af5c26 rgb(175,92,38)
```
#af6826
```
#af6826 rgb(175,104,38)
```
#af7326
```
#af7326 rgb(175,115,38)
```
#af7e26
```
#af7e26 rgb(175,126,38)
```
#af8a26
```
#af8a26 rgb(175,138,38)
```
#af9526
```
#af9526 rgb(175,149,38)
```

Similar Colors

Text with hexadecimal color #af7326

This text has a font color of #af7326.

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

#af7326 background color

This paragraph has a background color of #af7326.

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

#af7326 border color

This element has a border color of #af7326.

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

CSS codes

.text {color:#af7326;}

.background {background-color:#af7326;}

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

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

#0e0903
```
#0e0903 rgb(14,9,3)
```
#1e1407
```
#1e1407 rgb(30,20,7)
```
#2e1e0a
```
#2e1e0a rgb(46,30,10)
```
#3e290e
```
#3e290e rgb(62,41,14)
```
#4e3311
```
#4e3311 rgb(78,51,17)
```
#5e3e15
```
#5e3e15 rgb(94,62,21)
```
#6f4918
```
#6f4918 rgb(111,73,24)
```
#7f531c
```
#7f531c rgb(127,83,28)
```
#8f5e1f
```
#8f5e1f rgb(143,94,31)
```
#9f6823
```
#9f6823 rgb(159,104,35)
```
#af7326
```
#af7326 rgb(175,115,38)
```
#bf7e29
```
#bf7e29 rgb(191,126,41)
```
#cf882d
```
#cf882d rgb(207,136,45)
```

Shade Color Variation

#d5913b
```
#d5913b rgb(213,145,59)
```
#d89a4b
```
#d89a4b rgb(216,154,75)
```
#dca35c
```
#dca35c rgb(220,163,92)
```
#dfad6c
```
#dfad6c rgb(223,173,108)
```
#e3b67c
```
#e3b67c rgb(227,182,124)
```
#e6bf8c
```
#e6bf8c rgb(230,191,140)
```
#eac89c
```
#eac89c rgb(234,200,156)
```
#edd1ac
```
#edd1ac rgb(237,209,172)
```
#f1dabc
```
#f1dabc rgb(241,218,188)
```
#f4e3cc
```
#f4e3cc rgb(244,227,204)
```
#f8ecdc
```
#f8ecdc rgb(248,236,220)
```
#fbf5ed
```
#fbf5ed rgb(251,245,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6d6b68
```
#6d6b68 rgb(109,107,104)
```
#766c5f
```
#766c5f rgb(118,108,95)
```
#7e6d57
```
#7e6d57 rgb(126,109,87)
```
#866e4f
```
#866e4f rgb(134,110,79)
```
#8e6f47
```
#8e6f47 rgb(142,111,71)
```
#96703f
```
#96703f rgb(150,112,63)
```
#9f7136
```
#9f7136 rgb(159,113,54)
```
#a7722e
```
#a7722e rgb(167,114,46)
```
#af7326
```
#af7326 rgb(175,115,38)
```
#b7741e
```
#b7741e rgb(183,116,30)
```
#bf7516
```
#bf7516 rgb(191,117,22)
```
#c8760d
```
#c8760d rgb(200,118,13)
```
#d07705
```
#d07705 rgb(208,119,5)
```

Tone Color Variation

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

Dichromacy

#958634 Protanopia 1% of men
#a6802e Deuteranopia 1% of men
#b7737a Tritanopia 0.001% of the population

Trichromacy

#9e7f2f Protanomaly 1% of men, 0.01% of women
#a97b2b Deuteranomaly 6% of men, 0.4% of women
#b4735b Tritanomaly 0.01% of the population

#af7326 hex color

#af7326 Color Information

#af7326 Color Conversion

Color Schemes with #af7326

Alternatives to #af7326

#af7326 Preview

Shades and Tints of #af7326

Tones of #af7326

Color Blindness Simulator