#afaf2e hex color

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

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

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

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

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

CIE-LAB	69.449, -15.12, 61.732
XYZ	33.502, 39.972, 8.535
xyY	0.409, 0.487, 39.972
CIE-LCH	69.449, 63.557, 103.763
CIE-LUV	69.449, 5.065, 70.261
Hunter-Lab	63.223, -16.052, 36.252
Binary	10101111, 10101111, 00101110

#afaf2e
```
#afaf2e rgb(175,175,46)
```
#2e2eaf
```
#2e2eaf rgb(46,46,175)
```

Complementary Color

#af6f2e
```
#af6f2e rgb(175,111,46)
```
#afaf2e
```
#afaf2e rgb(175,175,46)
```
#6faf2e
```
#6faf2e rgb(111,175,46)
```

Analogous Color

#6f2eaf
```
#6f2eaf rgb(111,46,175)
```
#afaf2e
```
#afaf2e rgb(175,175,46)
```
#2e6faf
```
#2e6faf rgb(46,111,175)
```

Split Complementary Color

#af2eaf
```
#af2eaf rgb(175,46,175)
```
#afaf2e
```
#afaf2e rgb(175,175,46)
```
#2eafaf
```
#2eafaf rgb(46,175,175)
```

Triadic Color

#af2e2e
```
#af2e2e rgb(175,46,46)
```
#afaf2e
```
#afaf2e rgb(175,175,46)
```
#2eafaf
```
#2eafaf rgb(46,175,175)
```
#2e2eaf
```
#2e2eaf rgb(46,46,175)
```

Tetradic Color

#72721e
```
#72721e rgb(114,114,30)
```
#878723
```
#878723 rgb(135,135,35)
```
#9b9b29
```
#9b9b29 rgb(155,155,41)
```
#afaf2e
```
#afaf2e rgb(175,175,46)
```
#c3c333
```
#c3c333 rgb(195,195,51)
```
#cdcd43
```
#cdcd43 rgb(205,205,67)
```
#d3d357
```
#d3d357 rgb(211,211,87)
```

Monochromatic Color

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

#af8f2e
```
#af8f2e rgb(175,143,46)
```
#af9a2e
```
#af9a2e rgb(175,154,46)
```
#afa42e
```
#afa42e rgb(175,164,46)
```
#afaf2e
```
#afaf2e rgb(175,175,46)
```
#a4af2e
```
#a4af2e rgb(164,175,46)
```
#9aaf2e
```
#9aaf2e rgb(154,175,46)
```
#8faf2e
```
#8faf2e rgb(143,175,46)
```

Similar Colors

Text with hexadecimal color #afaf2e

This text has a font color of #afaf2e.

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

#afaf2e background color

This paragraph has a background color of #afaf2e.

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

#afaf2e border color

This element has a border color of #afaf2e.

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

CSS codes

.text {color:#afaf2e;}

.background {background-color:#afaf2e;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#141405
```
#141405 rgb(20,20,5)
```
#232309
```
#232309 rgb(35,35,9)
```
#33330d
```
#33330d rgb(51,51,13)
```
#424211
```
#424211 rgb(66,66,17)
```
#525216
```
#525216 rgb(82,82,22)
```
#61611a
```
#61611a rgb(97,97,26)
```
#71711e
```
#71711e rgb(113,113,30)
```
#808022
```
#808022 rgb(128,128,34)
```
#909026
```
#909026 rgb(144,144,38)
```
#9f9f2a
```
#9f9f2a rgb(159,159,42)
```
#afaf2e
```
#afaf2e rgb(175,175,46)
```
#bfbf32
```
#bfbf32 rgb(191,191,50)
```

Shade Color Variation

#cbcb39
```
#cbcb39 rgb(203,203,57)
```
#cfcf49
```
#cfcf49 rgb(207,207,73)
```
#d3d358
```
#d3d358 rgb(211,211,88)
```
#d7d768
```
#d7d768 rgb(215,215,104)
```
#dbdb77
```
#dbdb77 rgb(219,219,119)
```
#dfdf87
```
#dfdf87 rgb(223,223,135)
```
#e4e496
```
#e4e496 rgb(228,228,150)
```
#e8e8a6
```
#e8e8a6 rgb(232,232,166)
```
#ececb5
```
#ececb5 rgb(236,236,181)
```
#f0f0c5
```
#f0f0c5 rgb(240,240,197)
```
#f4f4d5
```
#f4f4d5 rgb(244,244,213)
```
#f8f8e4
```
#f8f8e4 rgb(248,248,228)
```
#fcfcf4
```
#fcfcf4 rgb(252,252,244)
```

Tint Color Variation

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

#74746a
```
#74746a rgb(116,116,106)
```
#7c7c61
```
#7c7c61 rgb(124,124,97)
```
#858559
```
#858559 rgb(133,133,89)
```
#8d8d50
```
#8d8d50 rgb(141,141,80)
```
#969648
```
#969648 rgb(150,150,72)
```
#9e9e3f
```
#9e9e3f rgb(158,158,63)
```
#a7a737
```
#a7a737 rgb(167,167,55)
```
#afaf2e
```
#afaf2e rgb(175,175,46)
```
#b8b826
```
#b8b826 rgb(184,184,38)
```
#c0c01d
```
#c0c01d rgb(192,192,29)
```
#c9c915
```
#c9c915 rgb(201,201,21)
```
#d1d10c
```
#d1d10c rgb(209,209,12)
```
#dada03
```
#dada03 rgb(218,218,3)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a3a389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae37 Protanopia 1% of men
#d7a53f Deuteranopia 1% of men
#bfa7b3 Tritanopia 0.001% of the population

Trichromacy

#bbae34 Protanomaly 1% of men, 0.01% of women
#c8a939 Deuteranomaly 6% of men, 0.4% of women
#b9aa83 Tritanomaly 0.01% of the population

#afaf2e hex color

#afaf2e Color Information

#afaf2e Color Conversion

Color Schemes with #afaf2e

Alternatives to #afaf2e

#afaf2e Preview

Shades and Tints of #afaf2e

Tones of #afaf2e

Color Blindness Simulator