#af966e hex color

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

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

● #af966e color description : Mostly desaturated dark orange.

The hexadecimal color #af966e has RGB values of R:175, G:150, B:110 and CMYK values of C:0, M:0.14, Y:0.37, K:0.31. Its decimal value is 11507310.

Hex triplet	af966e	`#af966e`
RGB Decimal	175, 150, 110	`rgb(175,150,110)`
RGB Percent	68.6, 58.8, 43.1	`rgb(68.6%,58.8%,43.1%)`
CMYK	0, 14, 37, 31
HSL	36.9°, 28.9, 55.9	`hsl(36.9,28.9%,55.9%)`
HSV (or HSB)	36.9°, 37.1, 68.6
Web Safe	999966	`#999966`

CIE-LAB	63.387, 3.462, 24.558
XYZ	31.4, 32.053, 19.284
xyY	0.38, 0.387, 32.053
CIE-LCH	63.387, 24.801, 81.976
CIE-LUV	63.387, 18.532, 31.085
Hunter-Lab	56.616, -0.079, 19.436
Binary	10101111, 10010110, 01101110

#af966e
```
#af966e rgb(175,150,110)
```
#6e87af
```
#6e87af rgb(110,135,175)
```

Complementary Color

#af766e
```
#af766e rgb(175,118,110)
```
#af966e
```
#af966e rgb(175,150,110)
```
#a8af6e
```
#a8af6e rgb(168,175,110)
```

Analogous Color

#766eaf
```
#766eaf rgb(118,110,175)
```
#af966e
```
#af966e rgb(175,150,110)
```
#6ea8af
```
#6ea8af rgb(110,168,175)
```

Split Complementary Color

#966eaf
```
#966eaf rgb(150,110,175)
```
#af966e
```
#af966e rgb(175,150,110)
```
#6eaf96
```
#6eaf96 rgb(110,175,150)
```

Triadic Color

#af6e87
```
#af6e87 rgb(175,110,135)
```
#af966e
```
#af966e rgb(175,150,110)
```
#6eaf96
```
#6eaf96 rgb(110,175,150)
```
#6e87af
```
#6e87af rgb(110,135,175)
```

Tetradic Color

#866f4a
```
#866f4a rgb(134,111,74)
```
#977d53
```
#977d53 rgb(151,125,83)
```
#a68a5e
```
#a68a5e rgb(166,138,94)
```
#af966e
```
#af966e rgb(175,150,110)
```
#b8a27e
```
#b8a27e rgb(184,162,126)
```
#c1ae8f
```
#c1ae8f rgb(193,174,143)
```
#caba9f
```
#caba9f rgb(202,186,159)
```

Monochromatic Color

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

#af866e
```
#af866e rgb(175,134,110)
```
#af8b6e
```
#af8b6e rgb(175,139,110)
```
#af916e
```
#af916e rgb(175,145,110)
```
#af966e
```
#af966e rgb(175,150,110)
```
#af9b6e
```
#af9b6e rgb(175,155,110)
```
#afa16e
```
#afa16e rgb(175,161,110)
```
#afa66e
```
#afa66e rgb(175,166,110)
```

Similar Colors

Text with hexadecimal color #af966e

This text has a font color of #af966e.

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

#af966e background color

This paragraph has a background color of #af966e.

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

#af966e border color

This element has a border color of #af966e.

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

CSS codes

.text {color:#af966e;}

.background {background-color:#af966e;}

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

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 #fcfbf9 is the lightest one.

#070604
```
#070604 rgb(7,6,4)
```
#13100b
```
#13100b rgb(19,16,11)
```
#201a12
```
#201a12 rgb(32,26,18)
```
#2d2519
```
#2d2519 rgb(45,37,25)
```
#392f20
```
#392f20 rgb(57,47,32)
```
#463a27
```
#463a27 rgb(70,58,39)
```
#53442e
```
#53442e rgb(83,68,46)
```
#5f4f35
```
#5f4f35 rgb(95,79,53)
```
#6c593b
```
#6c593b rgb(108,89,59)
```
#786442
```
#786442 rgb(120,100,66)
```
#856e49
```
#856e49 rgb(133,110,73)
```
#927950
```
#927950 rgb(146,121,80)
```
#9e8357
```
#9e8357 rgb(158,131,87)
```

Shade Color Variation

#a88d61
```
#a88d61 rgb(168,141,97)
```
#af966e
```
#af966e rgb(175,150,110)
```
#b69f7b
```
#b69f7b rgb(182,159,123)
```
#bda887
```
#bda887 rgb(189,168,135)
```
#c4b194
```
#c4b194 rgb(196,177,148)
```
#cbbba1
```
#cbbba1 rgb(203,187,161)
```
#d2c4ad
```
#d2c4ad rgb(210,196,173)
```
#d9cdba
```
#d9cdba rgb(217,205,186)
```
#e0d6c6
```
#e0d6c6 rgb(224,214,198)
```
#e7dfd3
```
#e7dfd3 rgb(231,223,211)
```
#eee8e0
```
#eee8e0 rgb(238,232,224)
```
#f5f2ec
```
#f5f2ec rgb(245,242,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 #fda820 is the most saturated one.

#959088
```
#959088 rgb(149,144,136)
```
#9e927f
```
#9e927f rgb(158,146,127)
```
#a69477
```
#a69477 rgb(166,148,119)
```
#af966e
```
#af966e rgb(175,150,110)
```
#b89865
```
#b89865 rgb(184,152,101)
```
#c09a5d
```
#c09a5d rgb(192,154,93)
```
#c99c54
```
#c99c54 rgb(201,156,84)
```
#d29e4b
```
#d29e4b rgb(210,158,75)
```
#daa043
```
#daa043 rgb(218,160,67)
```
#e3a23a
```
#e3a23a rgb(227,162,58)
```
#eca431
```
#eca431 rgb(236,164,49)
```
#f4a629
```
#f4a629 rgb(244,166,41)
```
#fda820
```
#fda820 rgb(253,168,32)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9d9890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e76 Protanopia 1% of men
#ba9876 Deuteranopia 1% of men
#b895a0 Tritanopia 0.001% of the population

Trichromacy

#ab9b73 Protanomaly 1% of men, 0.01% of women
#b69773 Deuteranomaly 6% of men, 0.4% of women
#b4958d Tritanomaly 0.01% of the population

#af966e hex color

#af966e Color Information

#af966e Color Conversion

Color Schemes with #af966e

Alternatives to #af966e

#af966e Preview

Shades and Tints of #af966e

Tones of #af966e

Color Blindness Simulator