#af946f hex color

In a RGB color space, hex #af946f is composed of 68.6% red, 58% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 36.6% yellow and 31.4% black. It has a hue angle of 34.7 degrees, a saturation of 28.6% and a lightness of 56.1%. #af946f color hex could be obtained by blending #ffffde with #5f2900. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 58
- B 44
RGB color chart
- C 0
- M 15
- Y 37
- K 31
CMYK color chart

● #af946f color description : Mostly desaturated dark orange.

The hexadecimal color #af946f has RGB values of R:175, G:148, B:111 and CMYK values of C:0, M:0.15, Y:0.37, K:0.31. Its decimal value is 11506799.

Hex triplet	af946f	`#af946f`
RGB Decimal	175, 148, 111	`rgb(175,148,111)`
RGB Percent	68.6, 58, 43.5	`rgb(68.6%,58%,43.5%)`
CMYK	0, 15, 37, 31
HSL	34.7°, 28.6, 56.1	`hsl(34.7,28.6%,56.1%)`
HSV (or HSB)	34.7°, 36.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	62.879, 4.687, 23.329
XYZ	31.138, 31.442, 19.467
xyY	0.38, 0.383, 31.442
CIE-LCH	62.879, 23.795, 78.639
CIE-LUV	62.879, 19.708, 29.37
Hunter-Lab	56.074, 0.994, 18.668
Binary	10101111, 10010100, 01101111

#af946f
```
#af946f rgb(175,148,111)
```
#6f8aaf
```
#6f8aaf rgb(111,138,175)
```

Complementary Color

#af746f
```
#af746f rgb(175,116,111)
```
#af946f
```
#af946f rgb(175,148,111)
```
#aaaf6f
```
#aaaf6f rgb(170,175,111)
```

Analogous Color

#746faf
```
#746faf rgb(116,111,175)
```
#af946f
```
#af946f rgb(175,148,111)
```
#6faaaf
```
#6faaaf rgb(111,170,175)
```

Split Complementary Color

#946faf
```
#946faf rgb(148,111,175)
```
#af946f
```
#af946f rgb(175,148,111)
```
#6faf94
```
#6faf94 rgb(111,175,148)
```

Triadic Color

#af6f8a
```
#af6f8a rgb(175,111,138)
```
#af946f
```
#af946f rgb(175,148,111)
```
#6faf94
```
#6faf94 rgb(111,175,148)
```
#6f8aaf
```
#6f8aaf rgb(111,138,175)
```

Tetradic Color

#876d4b
```
#876d4b rgb(135,109,75)
```
#977b54
```
#977b54 rgb(151,123,84)
```
#a6885f
```
#a6885f rgb(166,136,95)
```
#af946f
```
#af946f rgb(175,148,111)
```
#b8a07f
```
#b8a07f rgb(184,160,127)
```
#c1ac90
```
#c1ac90 rgb(193,172,144)
```
#cab9a0
```
#cab9a0 rgb(202,185,160)
```

Monochromatic Color

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

#af846f
```
#af846f rgb(175,132,111)
```
#af896f
```
#af896f rgb(175,137,111)
```
#af8f6f
```
#af8f6f rgb(175,143,111)
```
#af946f
```
#af946f rgb(175,148,111)
```
#af996f
```
#af996f rgb(175,153,111)
```
#af9f6f
```
#af9f6f rgb(175,159,111)
```
#afa46f
```
#afa46f rgb(175,164,111)
```

Similar Colors

Text with hexadecimal color #af946f

This text has a font color of #af946f.

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

#af946f background color

This paragraph has a background color of #af946f.

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

#af946f border color

This element has a border color of #af946f.

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

CSS codes

.text {color:#af946f;}

.background {background-color:#af946f;}

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

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

#070604
```
#070604 rgb(7,6,4)
```
#14100b
```
#14100b rgb(20,16,11)
```
#211a12
```
#211a12 rgb(33,26,18)
```
#2d2519
```
#2d2519 rgb(45,37,25)
```
#3a2f20
```
#3a2f20 rgb(58,47,32)
```
#463927
```
#463927 rgb(70,57,39)
```
#53432e
```
#53432e rgb(83,67,46)
```
#604e35
```
#604e35 rgb(96,78,53)
```
#6c583c
```
#6c583c rgb(108,88,60)
```
#796243
```
#796243 rgb(121,98,67)
```
#856c4a
```
#856c4a rgb(133,108,74)
```
#927751
```
#927751 rgb(146,119,81)
```
#9f8158
```
#9f8158 rgb(159,129,88)
```

Shade Color Variation

#a88b62
```
#a88b62 rgb(168,139,98)
```
#af946f
```
#af946f rgb(175,148,111)
```
#b69d7c
```
#b69d7c rgb(182,157,124)
```
#bda788
```
#bda788 rgb(189,167,136)
```
#c4b095
```
#c4b095 rgb(196,176,149)
```
#cbb9a1
```
#cbb9a1 rgb(203,185,161)
```
#d2c3ae
```
#d2c3ae rgb(210,195,174)
```
#d9ccbb
```
#d9ccbb rgb(217,204,187)
```
#e0d6c7
```
#e0d6c7 rgb(224,214,199)
```
#e7dfd4
```
#e7dfd4 rgb(231,223,212)
```
#eee8e0
```
#eee8e0 rgb(238,232,224)
```
#f5f2ed
```
#f5f2ed rgb(245,242,237)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#959089
```
#959089 rgb(149,144,137)
```
#9e9180
```
#9e9180 rgb(158,145,128)
```
#a69378
```
#a69378 rgb(166,147,120)
```
#af946f
```
#af946f rgb(175,148,111)
```
#b89566
```
#b89566 rgb(184,149,102)
```
#c0975e
```
#c0975e rgb(192,151,94)
```
#c99855
```
#c99855 rgb(201,152,85)
```
#d1994d
```
#d1994d rgb(209,153,77)
```
#da9b44
```
#da9b44 rgb(218,155,68)
```
#e39c3b
```
#e39c3b rgb(227,156,59)
```
#eb9d33
```
#eb9d33 rgb(235,157,51)
```
#f49f2a
```
#f49f2a rgb(244,159,42)
```
#fda021
```
#fda021 rgb(253,160,33)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9d9790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89d78 Protanopia 1% of men
#b89777 Deuteranopia 1% of men
#b7949e Tritanopia 0.001% of the population

Trichromacy

#aa9974 Protanomaly 1% of men, 0.01% of women
#b59674 Deuteranomaly 6% of men, 0.4% of women
#b4948d Tritanomaly 0.01% of the population

#af946f hex color

#af946f Color Information

#af946f Color Conversion

Color Schemes with #af946f

Alternatives to #af946f

#af946f Preview

Shades and Tints of #af946f

Tones of #af946f

Color Blindness Simulator