#af9946 hex color

In a RGB color space, hex #af9946 is composed of 68.6% red, 60% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 60% yellow and 31.4% black. It has a hue angle of 47.4 degrees, a saturation of 42.9% and a lightness of 48%. #af9946 color hex could be obtained by blending #ffff8c with #5f3300. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 60
- B 27
RGB color chart
- C 0
- M 13
- Y 60
- K 31
CMYK color chart

● #af9946 color description : Dark moderate yellow.

The hexadecimal color #af9946 has RGB values of R:175, G:153, B:70 and CMYK values of C:0, M:0.13, Y:0.6, K:0.31. Its decimal value is 11508038.

Hex triplet	af9946	`#af9946`
RGB Decimal	175, 153, 70	`rgb(175,153,70)`
RGB Percent	68.6, 60, 27.5	`rgb(68.6%,60%,27.5%)`
CMYK	0, 13, 60, 31
HSL	47.4°, 42.9, 48	`hsl(47.4,42.9%,48%)`
HSV (or HSB)	47.4°, 60, 68.6
Web Safe	999933	`#999933`

CIE-LAB	63.623, -2.104, 45.721
XYZ	30.176, 32.34, 10.447
xyY	0.414, 0.443, 32.34
CIE-LCH	63.623, 45.769, 92.634
CIE-LUV	63.623, 19.009, 53.049
Hunter-Lab	56.868, -4.801, 28.916
Binary	10101111, 10011001, 01000110

#af9946
```
#af9946 rgb(175,153,70)
```
#465caf
```
#465caf rgb(70,92,175)
```

Complementary Color

#af6546
```
#af6546 rgb(175,101,70)
```
#af9946
```
#af9946 rgb(175,153,70)
```
#91af46
```
#91af46 rgb(145,175,70)
```

Analogous Color

#6546af
```
#6546af rgb(101,70,175)
```
#af9946
```
#af9946 rgb(175,153,70)
```
#4691af
```
#4691af rgb(70,145,175)
```

Split Complementary Color

#9946af
```
#9946af rgb(153,70,175)
```
#af9946
```
#af9946 rgb(175,153,70)
```
#46af99
```
#46af99 rgb(70,175,153)
```

Triadic Color

#af465c
```
#af465c rgb(175,70,92)
```
#af9946
```
#af9946 rgb(175,153,70)
```
#46af99
```
#46af99 rgb(70,175,153)
```
#465caf
```
#465caf rgb(70,92,175)
```

Tetradic Color

#786930
```
#786930 rgb(120,105,48)
```
#8b7937
```
#8b7937 rgb(139,121,55)
```
#9d893f
```
#9d893f rgb(157,137,63)
```
#af9946
```
#af9946 rgb(175,153,70)
```
#bba554
```
#bba554 rgb(187,165,84)
```
#c2af66
```
#c2af66 rgb(194,175,102)
```
#c9b878
```
#c9b878 rgb(201,184,120)
```

Monochromatic Color

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

#af7f46
```
#af7f46 rgb(175,127,70)
```
#af8846
```
#af8846 rgb(175,136,70)
```
#af9046
```
#af9046 rgb(175,144,70)
```
#af9946
```
#af9946 rgb(175,153,70)
```
#afa246
```
#afa246 rgb(175,162,70)
```
#afab46
```
#afab46 rgb(175,171,70)
```
#abaf46
```
#abaf46 rgb(171,175,70)
```

Similar Colors

Text with hexadecimal color #af9946

This text has a font color of #af9946.

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

#af9946 background color

This paragraph has a background color of #af9946.

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

#af9946 border color

This element has a border color of #af9946.

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

CSS codes

.text {color:#af9946;}

.background {background-color:#af9946;}

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

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

#070603
```
#070603 rgb(7,6,3)
```
#151208
```
#151208 rgb(21,18,8)
```
#231f0e
```
#231f0e rgb(35,31,14)
```
#312b14
```
#312b14 rgb(49,43,20)
```
#3f3719
```
#3f3719 rgb(63,55,25)
```
#4d431f
```
#4d431f rgb(77,67,31)
```
#5b5024
```
#5b5024 rgb(91,80,36)
```
#695c2a
```
#695c2a rgb(105,92,42)
```
#776830
```
#776830 rgb(119,104,48)
```
#857435
```
#857435 rgb(133,116,53)
```
#93813b
```
#93813b rgb(147,129,59)
```
#a18d40
```
#a18d40 rgb(161,141,64)
```
#af9946
```
#af9946 rgb(175,153,70)
```

Shade Color Variation

#b9a350
```
#b9a350 rgb(185,163,80)
```
#beaa5e
```
#beaa5e rgb(190,170,94)
```
#c4b26c
```
#c4b26c rgb(196,178,108)
```
#cab97a
```
#cab97a rgb(202,185,122)
```
#cfc088
```
#cfc088 rgb(207,192,136)
```
#d5c896
```
#d5c896 rgb(213,200,150)
```
#dbcfa4
```
#dbcfa4 rgb(219,207,164)
```
#e0d6b2
```
#e0d6b2 rgb(224,214,178)
```
#e6dec0
```
#e6dec0 rgb(230,222,192)
```
#ebe5ce
```
#ebe5ce rgb(235,229,206)
```
#f1eddc
```
#f1eddc rgb(241,237,220)
```
#f7f4ea
```
#f7f4ea rgb(247,244,234)
```
#fcfbf8
```
#fcfbf8 rgb(252,251,248)
```

Tint Color Variation

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

#807e75
```
#807e75 rgb(128,126,117)
```
#89836c
```
#89836c rgb(137,131,108)
```
#938962
```
#938962 rgb(147,137,98)
```
#9c8e59
```
#9c8e59 rgb(156,142,89)
```
#a6944f
```
#a6944f rgb(166,148,79)
```
#af9946
```
#af9946 rgb(175,153,70)
```
#b89e3d
```
#b89e3d rgb(184,158,61)
```
#c2a433
```
#c2a433 rgb(194,164,51)
```
#cba92a
```
#cba92a rgb(203,169,42)
```
#d5af20
```
#d5af20 rgb(213,175,32)
```
#deb417
```
#deb417 rgb(222,180,23)
```
#e8ba0d
```
#e8ba0d rgb(232,186,13)
```
#f1bf04
```
#f1bf04 rgb(241,191,4)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9b9786 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9f4f Protanopia 1% of men
#c29851 Deuteranopia 1% of men
#bb95a0 Tritanopia 0.001% of the population

Trichromacy

#af9d4c Protanomaly 1% of men, 0.01% of women
#bb984d Deuteranomaly 6% of men, 0.4% of women
#b6967f Tritanomaly 0.01% of the population

#af9946 hex color

#af9946 Color Information

#af9946 Color Conversion

Color Schemes with #af9946

Alternatives to #af9946

#af9946 Preview

Shades and Tints of #af9946

Tones of #af9946

Color Blindness Simulator