#afae2f hex color

In a RGB color space, hex #afae2f is composed of 68.6% red, 68.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 73.1% yellow and 31.4% black. It has a hue angle of 59.5 degrees, a saturation of 57.7% and a lightness of 43.5%. #afae2f color hex could be obtained by blending #ffff5e with #5f5d00. Closest websafe color is: #999933.

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

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

The hexadecimal color #afae2f has RGB values of R:175, G:174, B:47 and CMYK values of C:0, M:0.01, Y:0.73, K:0.31. Its decimal value is 11513391.

Hex triplet	afae2f	`#afae2f`
RGB Decimal	175, 174, 47	`rgb(175,174,47)`
RGB Percent	68.6, 68.2, 18.4	`rgb(68.6%,68.2%,18.4%)`
CMYK	0, 1, 73, 31
HSL	59.5°, 57.7, 43.5	`hsl(59.5,57.7%,43.5%)`
HSV (or HSB)	59.5°, 73.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	69.178, -14.562, 61.129
XYZ	33.328, 39.592, 8.576
xyY	0.409, 0.486, 39.592
CIE-LCH	69.178, 62.839, 103.4
CIE-LUV	69.178, 5.698, 69.603
Hunter-Lab	62.922, -15.566, 35.965
Binary	10101111, 10101110, 00101111

#afae2f
```
#afae2f rgb(175,174,47)
```
#2f30af
```
#2f30af rgb(47,48,175)
```

Complementary Color

#af6e2f
```
#af6e2f rgb(175,110,47)
```
#afae2f
```
#afae2f rgb(175,174,47)
```
#70af2f
```
#70af2f rgb(112,175,47)
```

Analogous Color

#6e2faf
```
#6e2faf rgb(110,47,175)
```
#afae2f
```
#afae2f rgb(175,174,47)
```
#2f70af
```
#2f70af rgb(47,112,175)
```

Split Complementary Color

#ae2faf
```
#ae2faf rgb(174,47,175)
```
#afae2f
```
#afae2f rgb(175,174,47)
```
#2fafae
```
#2fafae rgb(47,175,174)
```

Triadic Color

#af2f30
```
#af2f30 rgb(175,47,48)
```
#afae2f
```
#afae2f rgb(175,174,47)
```
#2fafae
```
#2fafae rgb(47,175,174)
```
#2f30af
```
#2f30af rgb(47,48,175)
```

Tetradic Color

#73721f
```
#73721f rgb(115,114,31)
```
#878624
```
#878624 rgb(135,134,36)
```
#9b9a2a
```
#9b9a2a rgb(155,154,42)
```
#afae2f
```
#afae2f rgb(175,174,47)
```
#c3c234
```
#c3c234 rgb(195,194,52)
```
#cdcc44
```
#cdcc44 rgb(205,204,68)
```
#d2d158
```
#d2d158 rgb(210,209,88)
```

Monochromatic Color

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

#af8e2f
```
#af8e2f rgb(175,142,47)
```
#af992f
```
#af992f rgb(175,153,47)
```
#afa32f
```
#afa32f rgb(175,163,47)
```
#afae2f
```
#afae2f rgb(175,174,47)
```
#a5af2f
```
#a5af2f rgb(165,175,47)
```
#9baf2f
```
#9baf2f rgb(155,175,47)
```
#90af2f
```
#90af2f rgb(144,175,47)
```

Similar Colors

Text with hexadecimal color #afae2f

This text has a font color of #afae2f.

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

#afae2f background color

This paragraph has a background color of #afae2f.

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

#afae2f border color

This element has a border color of #afae2f.

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

CSS codes

.text {color:#afae2f;}

.background {background-color:#afae2f;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#141405
```
#141405 rgb(20,20,5)
```
#24240a
```
#24240a rgb(36,36,10)
```
#33330e
```
#33330e rgb(51,51,14)
```
#434212
```
#434212 rgb(67,66,18)
```
#525216
```
#525216 rgb(82,82,22)
```
#62611a
```
#62611a rgb(98,97,26)
```
#71711e
```
#71711e rgb(113,113,30)
```
#818023
```
#818023 rgb(129,128,35)
```
#908f27
```
#908f27 rgb(144,143,39)
```
#a09f2b
```
#a09f2b rgb(160,159,43)
```
#afae2f
```
#afae2f rgb(175,174,47)
```
#bebd33
```
#bebd33 rgb(190,189,51)
```

Shade Color Variation

#cac93b
```
#cac93b rgb(202,201,59)
```
#cecd4a
```
#cecd4a rgb(206,205,74)
```
#d3d25a
```
#d3d25a rgb(211,210,90)
```
#d7d669
```
#d7d669 rgb(215,214,105)
```
#dbda79
```
#dbda79 rgb(219,218,121)
```
#dfde88
```
#dfde88 rgb(223,222,136)
```
#e3e398
```
#e3e398 rgb(227,227,152)
```
#e7e7a7
```
#e7e7a7 rgb(231,231,167)
```
#ecebb7
```
#ecebb7 rgb(236,235,183)
```
#f0efc6
```
#f0efc6 rgb(240,239,198)
```
#f4f4d6
```
#f4f4d6 rgb(244,244,214)
```
#f8f8e5
```
#f8f8e5 rgb(248,248,229)
```
#fcfcf4
```
#fcfcf4 rgb(252,252,244)
```

Tint Color Variation

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

#73736b
```
#73736b rgb(115,115,107)
```
#7c7c62
```
#7c7c62 rgb(124,124,98)
```
#84845a
```
#84845a rgb(132,132,90)
```
#8d8c51
```
#8d8c51 rgb(141,140,81)
```
#959549
```
#959549 rgb(149,149,73)
```
#9e9d40
```
#9e9d40 rgb(158,157,64)
```
#a6a638
```
#a6a638 rgb(166,166,56)
```
#afae2f
```
#afae2f rgb(175,174,47)
```
#b8b626
```
#b8b626 rgb(184,182,38)
```
#c0bf1e
```
#c0bf1e rgb(192,191,30)
```
#c9c715
```
#c9c715 rgb(201,199,21)
```
#d1d00d
```
#d1d00d rgb(209,208,13)
```
#dad804
```
#dad804 rgb(218,216,4)
```

Tone Color Variation

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

#c1ad38 Protanopia 1% of men
#d6a540 Deuteranopia 1% of men
#bea7b2 Tritanopia 0.001% of the population

Trichromacy

#baad35 Protanomaly 1% of men, 0.01% of women
#c8a839 Deuteranomaly 6% of men, 0.4% of women
#b9a982 Tritanomaly 0.01% of the population

#afae2f hex color

#afae2f Color Information

#afae2f Color Conversion

Color Schemes with #afae2f

Alternatives to #afae2f

#afae2f Preview

Shades and Tints of #afae2f

Tones of #afae2f

Color Blindness Simulator