#af7b3d hex color

In a RGB color space, hex #af7b3d is composed of 68.6% red, 48.2% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.7% magenta, 65.1% yellow and 31.4% black. It has a hue angle of 32.6 degrees, a saturation of 48.3% and a lightness of 46.3%. #af7b3d color hex could be obtained by blending #fff67a with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 48
- B 24
RGB color chart
- C 0
- M 30
- Y 65
- K 31
CMYK color chart

● #af7b3d color description : Dark moderate orange.

The hexadecimal color #af7b3d has RGB values of R:175, G:123, B:61 and CMYK values of C:0, M:0.3, Y:0.65, K:0.31. Its decimal value is 11500349.

Hex triplet	af7b3d	`#af7b3d`
RGB Decimal	175, 123, 61	`rgb(175,123,61)`
RGB Percent	68.6, 48.2, 23.9	`rgb(68.6%,48.2%,23.9%)`
CMYK	0, 30, 65, 31
HSL	32.6°, 48.3, 46.3	`hsl(32.6,48.3%,46.3%)`
HSV (or HSB)	32.6°, 65.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	55.704, 13.855, 41.19
XYZ	25.605, 23.618, 7.625
xyY	0.45, 0.415, 23.618
CIE-LCH	55.704, 43.458, 71.408
CIE-LUV	55.704, 40.884, 43.045
Hunter-Lab	48.599, 8.998, 24.717
Binary	10101111, 01111011, 00111101

#af7b3d
```
#af7b3d rgb(175,123,61)
```
#3d71af
```
#3d71af rgb(61,113,175)
```

Complementary Color

#af423d
```
#af423d rgb(175,66,61)
```
#af7b3d
```
#af7b3d rgb(175,123,61)
```
#aaaf3d
```
#aaaf3d rgb(170,175,61)
```

Analogous Color

#423daf
```
#423daf rgb(66,61,175)
```
#af7b3d
```
#af7b3d rgb(175,123,61)
```
#3daaaf
```
#3daaaf rgb(61,170,175)
```

Split Complementary Color

#7b3daf
```
#7b3daf rgb(123,61,175)
```
#af7b3d
```
#af7b3d rgb(175,123,61)
```
#3daf7b
```
#3daf7b rgb(61,175,123)
```

Triadic Color

#af3d71
```
#af3d71 rgb(175,61,113)
```
#af7b3d
```
#af7b3d rgb(175,123,61)
```
#3daf7b
```
#3daf7b rgb(61,175,123)
```
#3d71af
```
#3d71af rgb(61,113,175)
```

Tetradic Color

#765329
```
#765329 rgb(118,83,41)
```
#896030
```
#896030 rgb(137,96,48)
```
#9c6e36
```
#9c6e36 rgb(156,110,54)
```
#af7b3d
```
#af7b3d rgb(175,123,61)
```
#bf8847
```
#bf8847 rgb(191,136,71)
```
#c5945a
```
#c5945a rgb(197,148,90)
```
#cca06d
```
#cca06d rgb(204,160,109)
```

Monochromatic Color

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

#af5f3d
```
#af5f3d rgb(175,95,61)
```
#af683d
```
#af683d rgb(175,104,61)
```
#af723d
```
#af723d rgb(175,114,61)
```
#af7b3d
```
#af7b3d rgb(175,123,61)
```
#af853d
```
#af853d rgb(175,133,61)
```
#af8e3d
```
#af8e3d rgb(175,142,61)
```
#af983d
```
#af983d rgb(175,152,61)
```

Similar Colors

Text with hexadecimal color #af7b3d

This text has a font color of #af7b3d.

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

#af7b3d background color

This paragraph has a background color of #af7b3d.

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

#af7b3d border color

This element has a border color of #af7b3d.

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

CSS codes

.text {color:#af7b3d;}

.background {background-color:#af7b3d;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0b05
```
#0f0b05 rgb(15,11,5)
```
#1e150a
```
#1e150a rgb(30,21,10)
```
#2c1f0f
```
#2c1f0f rgb(44,31,15)
```
#3b2914
```
#3b2914 rgb(59,41,20)
```
#49331a
```
#49331a rgb(73,51,26)
```
#583e1f
```
#583e1f rgb(88,62,31)
```
#664824
```
#664824 rgb(102,72,36)
```
#755229
```
#755229 rgb(117,82,41)
```
#835c2e
```
#835c2e rgb(131,92,46)
```
#926733
```
#926733 rgb(146,103,51)
```
#a07138
```
#a07138 rgb(160,113,56)
```
#af7b3d
```
#af7b3d rgb(175,123,61)
```

Shade Color Variation

#bd8542
```
#bd8542 rgb(189,133,66)
```
#c28f51
```
#c28f51 rgb(194,143,81)
```
#c7985f
```
#c7985f rgb(199,152,95)
```
#cca16e
```
#cca16e rgb(204,161,110)
```
#d2ab7d
```
#d2ab7d rgb(210,171,125)
```
#d7b48b
```
#d7b48b rgb(215,180,139)
```
#dcbe9a
```
#dcbe9a rgb(220,190,154)
```
#e1c7a8
```
#e1c7a8 rgb(225,199,168)
```
#e6d0b7
```
#e6d0b7 rgb(230,208,183)
```
#ebdac5
```
#ebdac5 rgb(235,218,197)
```
#f0e3d4
```
#f0e3d4 rgb(240,227,212)
```
#f5ede2
```
#f5ede2 rgb(245,237,226)
```
#faf6f1
```
#faf6f1 rgb(250,246,241)
```

Tint Color Variation

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

#797673
```
#797673 rgb(121,118,115)
```
#82776a
```
#82776a rgb(130,119,106)
```
#8b7861
```
#8b7861 rgb(139,120,97)
```
#947958
```
#947958 rgb(148,121,88)
```
#9d794f
```
#9d794f rgb(157,121,79)
```
#a67a46
```
#a67a46 rgb(166,122,70)
```
#af7b3d
```
#af7b3d rgb(175,123,61)
```
#b87c34
```
#b87c34 rgb(184,124,52)
```
#c17d2b
```
#c17d2b rgb(193,125,43)
```
#ca7d22
```
#ca7d22 rgb(202,125,34)
```
#d37e19
```
#d37e19 rgb(211,126,25)
```
#dc7f10
```
#dc7f10 rgb(220,127,16)
```
#e58007
```
#e58007 rgb(229,128,7)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8c8175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998b4a Protanopia 1% of men
#ab8545 Deuteranopia 1% of men
#b77b83 Tritanopia 0.001% of the population

Trichromacy

#a18545 Protanomaly 1% of men, 0.01% of women
#ac8142 Deuteranomaly 6% of men, 0.4% of women
#b47b69 Tritanomaly 0.01% of the population

#af7b3d hex color

#af7b3d Color Information

#af7b3d Color Conversion

Color Schemes with #af7b3d

Alternatives to #af7b3d

#af7b3d Preview

Shades and Tints of #af7b3d

Tones of #af7b3d

Color Blindness Simulator