#af922e hex color

In a RGB color space, hex #af922e is composed of 68.6% red, 57.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.6% magenta, 73.7% yellow and 31.4% black. It has a hue angle of 46.5 degrees, a saturation of 58.4% and a lightness of 43.3%. #af922e color hex could be obtained by blending #ffff5c with #5f2500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 57
- B 18
RGB color chart
- C 0
- M 17
- Y 74
- K 31
CMYK color chart

● #af922e color description : Dark yellow [Olive tone].

The hexadecimal color #af922e has RGB values of R:175, G:146, B:46 and CMYK values of C:0, M:0.17, Y:0.74, K:0.31. Its decimal value is 11506222.

Hex triplet	af922e	`#af922e`
RGB Decimal	175, 146, 46	`rgb(175,146,46)`
RGB Percent	68.6, 57.3, 18	`rgb(68.6%,57.3%,18%)`
CMYK	0, 17, 74, 31
HSL	46.5°, 58.4, 43.3	`hsl(46.5,58.4%,43.3%)`
HSV (or HSB)	46.5°, 73.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	61.542, 0.239, 54.143
XYZ	28.452, 29.87, 6.852
xyY	0.437, 0.458, 29.87
CIE-LCH	61.542, 54.144, 89.747
CIE-LUV	61.542, 24.897, 58.01
Hunter-Lab	54.654, -2.72, 30.825
Binary	10101111, 10010010, 00101110

#af922e
```
#af922e rgb(175,146,46)
```
#2e4baf
```
#2e4baf rgb(46,75,175)
```

Complementary Color

#af522e
```
#af522e rgb(175,82,46)
```
#af922e
```
#af922e rgb(175,146,46)
```
#8caf2e
```
#8caf2e rgb(140,175,46)
```

Analogous Color

#522eaf
```
#522eaf rgb(82,46,175)
```
#af922e
```
#af922e rgb(175,146,46)
```
#2e8caf
```
#2e8caf rgb(46,140,175)
```

Split Complementary Color

#922eaf
```
#922eaf rgb(146,46,175)
```
#af922e
```
#af922e rgb(175,146,46)
```
#2eaf92
```
#2eaf92 rgb(46,175,146)
```

Triadic Color

#af2e4b
```
#af2e4b rgb(175,46,75)
```
#af922e
```
#af922e rgb(175,146,46)
```
#2eaf92
```
#2eaf92 rgb(46,175,146)
```
#2e4baf
```
#2e4baf rgb(46,75,175)
```

Tetradic Color

#725f1e
```
#725f1e rgb(114,95,30)
```
#877023
```
#877023 rgb(135,112,35)
```
#9b8129
```
#9b8129 rgb(155,129,41)
```
#af922e
```
#af922e rgb(175,146,46)
```
#c3a333
```
#c3a333 rgb(195,163,51)
```
#cdae43
```
#cdae43 rgb(205,174,67)
```
#d3b757
```
#d3b757 rgb(211,183,87)
```

Monochromatic Color

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

#af722e
```
#af722e rgb(175,114,46)
```
#af7d2e
```
#af7d2e rgb(175,125,46)
```
#af872e
```
#af872e rgb(175,135,46)
```
#af922e
```
#af922e rgb(175,146,46)
```
#af9d2e
```
#af9d2e rgb(175,157,46)
```
#afa82e
```
#afa82e rgb(175,168,46)
```
#acaf2e
```
#acaf2e rgb(172,175,46)
```

Similar Colors

Text with hexadecimal color #af922e

This text has a font color of #af922e.

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

#af922e background color

This paragraph has a background color of #af922e.

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

#af922e border color

This element has a border color of #af922e.

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

CSS codes

.text {color:#af922e;}

.background {background-color:#af922e;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#141005
```
#141005 rgb(20,16,5)
```
#231d09
```
#231d09 rgb(35,29,9)
```
#332a0d
```
#332a0d rgb(51,42,13)
```
#423711
```
#423711 rgb(66,55,17)
```
#524416
```
#524416 rgb(82,68,22)
```
#61511a
```
#61511a rgb(97,81,26)
```
#715e1e
```
#715e1e rgb(113,94,30)
```
#806b22
```
#806b22 rgb(128,107,34)
```
#907826
```
#907826 rgb(144,120,38)
```
#9f852a
```
#9f852a rgb(159,133,42)
```
#af922e
```
#af922e rgb(175,146,46)
```
#bf9f32
```
#bf9f32 rgb(191,159,50)
```

Shade Color Variation

#cbaa39
```
#cbaa39 rgb(203,170,57)
```
#cfb149
```
#cfb149 rgb(207,177,73)
```
#d3b858
```
#d3b858 rgb(211,184,88)
```
#d7be68
```
#d7be68 rgb(215,190,104)
```
#dbc577
```
#dbc577 rgb(219,197,119)
```
#dfcc87
```
#dfcc87 rgb(223,204,135)
```
#e4d296
```
#e4d296 rgb(228,210,150)
```
#e8d9a6
```
#e8d9a6 rgb(232,217,166)
```
#ecdfb5
```
#ecdfb5 rgb(236,223,181)
```
#f0e6c5
```
#f0e6c5 rgb(240,230,197)
```
#f4edd5
```
#f4edd5 rgb(244,237,213)
```
#f8f3e4
```
#f8f3e4 rgb(248,243,228)
```
#fcfaf4
```
#fcfaf4 rgb(252,250,244)
```

Tint Color Variation

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

#74716a
```
#74716a rgb(116,113,106)
```
#7c7661
```
#7c7661 rgb(124,118,97)
```
#857b59
```
#857b59 rgb(133,123,89)
```
#8d7f50
```
#8d7f50 rgb(141,127,80)
```
#968448
```
#968448 rgb(150,132,72)
```
#9e893f
```
#9e893f rgb(158,137,63)
```
#a78d37
```
#a78d37 rgb(167,141,55)
```
#af922e
```
#af922e rgb(175,146,46)
```
#b89726
```
#b89726 rgb(184,151,38)
```
#c09b1d
```
#c09b1d rgb(192,155,29)
```
#c9a015
```
#c9a015 rgb(201,160,21)
```
#d1a50c
```
#d1a50c rgb(209,165,12)
```
#daa903
```
#daa903 rgb(218,169,3)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#95907c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9a39 Protanopia 1% of men
#be923a Deuteranopia 1% of men
#ba8e98 Tritanopia 0.001% of the population

Trichromacy

#ac9735 Protanomaly 1% of men, 0.01% of women
#b99236 Deuteranomaly 6% of men, 0.4% of women
#b68f71 Tritanomaly 0.01% of the population

#af922e hex color

#af922e Color Information

#af922e Color Conversion

Color Schemes with #af922e

Alternatives to #af922e

#af922e Preview

Shades and Tints of #af922e

Tones of #af922e

Color Blindness Simulator