#af946e hex color

In a RGB color space, hex #af946e is composed of 68.6% red, 58% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 37.1% yellow and 31.4% black. It has a hue angle of 35.1 degrees, a saturation of 28.9% and a lightness of 55.9%. #af946e color hex could be obtained by blending #ffffdc with #5f2900. Closest websafe color is: #999966.

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

● #af946e color description : Mostly desaturated dark orange.

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

Hex triplet	af946e	`#af946e`
RGB Decimal	175, 148, 110	`rgb(175,148,110)`
RGB Percent	68.6, 58, 43.1	`rgb(68.6%,58%,43.1%)`
CMYK	0, 15, 37, 31
HSL	35.1°, 28.9, 55.9	`hsl(35.1,28.9%,55.9%)`
HSV (or HSB)	35.1°, 37.1, 68.6
Web Safe	999966	`#999966`

CIE-LAB	62.861, 4.564, 23.856
XYZ	31.083, 31.42, 19.178
xyY	0.381, 0.385, 31.42
CIE-LCH	62.861, 24.289, 79.169
CIE-LUV	62.861, 19.787, 29.993
Hunter-Lab	56.054, 0.889, 18.952
Binary	10101111, 10010100, 01101110

#af946e
```
#af946e rgb(175,148,110)
```
#6e89af
```
#6e89af rgb(110,137,175)
```

Complementary Color

#af746e
```
#af746e rgb(175,116,110)
```
#af946e
```
#af946e rgb(175,148,110)
```
#aaaf6e
```
#aaaf6e rgb(170,175,110)
```

Analogous Color

#746eaf
```
#746eaf rgb(116,110,175)
```
#af946e
```
#af946e rgb(175,148,110)
```
#6eaaaf
```
#6eaaaf rgb(110,170,175)
```

Split Complementary Color

#946eaf
```
#946eaf rgb(148,110,175)
```
#af946e
```
#af946e rgb(175,148,110)
```
#6eaf94
```
#6eaf94 rgb(110,175,148)
```

Triadic Color

#af6e89
```
#af6e89 rgb(175,110,137)
```
#af946e
```
#af946e rgb(175,148,110)
```
#6eaf94
```
#6eaf94 rgb(110,175,148)
```
#6e89af
```
#6e89af rgb(110,137,175)
```

Tetradic Color

#866d4a
```
#866d4a rgb(134,109,74)
```
#977b53
```
#977b53 rgb(151,123,83)
```
#a6885e
```
#a6885e rgb(166,136,94)
```
#af946e
```
#af946e rgb(175,148,110)
```
#b8a07e
```
#b8a07e rgb(184,160,126)
```
#c1ac8f
```
#c1ac8f rgb(193,172,143)
```
#cab89f
```
#cab89f rgb(202,184,159)
```

Monochromatic Color

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

#af846e
```
#af846e rgb(175,132,110)
```
#af896e
```
#af896e rgb(175,137,110)
```
#af8f6e
```
#af8f6e rgb(175,143,110)
```
#af946e
```
#af946e rgb(175,148,110)
```
#af996e
```
#af996e rgb(175,153,110)
```
#af9f6e
```
#af9f6e rgb(175,159,110)
```
#afa46e
```
#afa46e rgb(175,164,110)
```

Similar Colors

Text with hexadecimal color #af946e

This text has a font color of #af946e.

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

#af946e background color

This paragraph has a background color of #af946e.

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

#af946e border color

This element has a border color of #af946e.

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

CSS codes

.text {color:#af946e;}

.background {background-color:#af946e;}

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

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

#070504
```
#070504 rgb(7,5,4)
```
#13100b
```
#13100b rgb(19,16,11)
```
#201a12
```
#201a12 rgb(32,26,18)
```
#2d2419
```
#2d2419 rgb(45,36,25)
```
#392f20
```
#392f20 rgb(57,47,32)
```
#463927
```
#463927 rgb(70,57,39)
```
#53432e
```
#53432e rgb(83,67,46)
```
#5f4d35
```
#5f4d35 rgb(95,77,53)
```
#6c583b
```
#6c583b rgb(108,88,59)
```
#786242
```
#786242 rgb(120,98,66)
```
#856c49
```
#856c49 rgb(133,108,73)
```
#927750
```
#927750 rgb(146,119,80)
```
#9e8157
```
#9e8157 rgb(158,129,87)
```

Shade Color Variation

#a88b61
```
#a88b61 rgb(168,139,97)
```
#af946e
```
#af946e rgb(175,148,110)
```
#b69d7b
```
#b69d7b rgb(182,157,123)
```
#bda787
```
#bda787 rgb(189,167,135)
```
#c4b094
```
#c4b094 rgb(196,176,148)
```
#cbb9a1
```
#cbb9a1 rgb(203,185,161)
```
#d2c3ad
```
#d2c3ad rgb(210,195,173)
```
#d9ccba
```
#d9ccba rgb(217,204,186)
```
#e0d5c6
```
#e0d5c6 rgb(224,213,198)
```
#e7dfd3
```
#e7dfd3 rgb(231,223,211)
```
#eee8e0
```
#eee8e0 rgb(238,232,224)
```
#f5f1ec
```
#f5f1ec rgb(245,241,236)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#959088
```
#959088 rgb(149,144,136)
```
#9e917f
```
#9e917f rgb(158,145,127)
```
#a69377
```
#a69377 rgb(166,147,119)
```
#af946e
```
#af946e rgb(175,148,110)
```
#b89565
```
#b89565 rgb(184,149,101)
```
#c0975d
```
#c0975d rgb(192,151,93)
```
#c99854
```
#c99854 rgb(201,152,84)
```
#d29a4b
```
#d29a4b rgb(210,154,75)
```
#da9b43
```
#da9b43 rgb(218,155,67)
```
#e39d3a
```
#e39d3a rgb(227,157,58)
```
#ec9e31
```
#ec9e31 rgb(236,158,49)
```
#f4a029
```
#f4a029 rgb(244,160,41)
```
#fda120
```
#fda120 rgb(253,161,32)
```

Tone Color Variation

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

#a89d77 Protanopia 1% of men
#b89776 Deuteranopia 1% of men
#b8949e Tritanopia 0.001% of the population

Trichromacy

#aa9973 Protanomaly 1% of men, 0.01% of women
#b59673 Deuteranomaly 6% of men, 0.4% of women
#b4948c Tritanomaly 0.01% of the population

#af946e hex color

#af946e Color Information

#af946e Color Conversion

Color Schemes with #af946e

Alternatives to #af946e

#af946e Preview

Shades and Tints of #af946e

Tones of #af946e

Color Blindness Simulator