#afae46 hex color

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

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

● #afae46 color description : Dark moderate yellow.

The hexadecimal color #afae46 has RGB values of R:175, G:174, B:70 and CMYK values of C:0, M:0.01, Y:0.6, K:0.31. Its decimal value is 11513414.

Hex triplet	afae46	`#afae46`
RGB Decimal	175, 174, 70	`rgb(175,174,70)`
RGB Percent	68.6, 68.2, 27.5	`rgb(68.6%,68.2%,27.5%)`
CMYK	0, 1, 60, 31
HSL	59.4°, 42.9, 48	`hsl(59.4,42.9%,48%)`
HSV (or HSB)	59.4°, 60, 68.6
Web Safe	999933	`#999933`

CIE-LAB	69.347, -13.217, 52.081
XYZ	33.921, 39.829, 11.695
xyY	0.397, 0.466, 39.829
CIE-LCH	69.347, 53.732, 104.24
CIE-LUV	69.347, 5.187, 62.689
Hunter-Lab	63.11, -14.502, 33.19
Binary	10101111, 10101110, 01000110

#afae46
```
#afae46 rgb(175,174,70)
```
#4647af
```
#4647af rgb(70,71,175)
```

Complementary Color

#af7a46
```
#af7a46 rgb(175,122,70)
```
#afae46
```
#afae46 rgb(175,174,70)
```
#7caf46
```
#7caf46 rgb(124,175,70)
```

Analogous Color

#7a46af
```
#7a46af rgb(122,70,175)
```
#afae46
```
#afae46 rgb(175,174,70)
```
#467caf
```
#467caf rgb(70,124,175)
```

Split Complementary Color

#ae46af
```
#ae46af rgb(174,70,175)
```
#afae46
```
#afae46 rgb(175,174,70)
```
#46afae
```
#46afae rgb(70,175,174)
```

Triadic Color

#af4647
```
#af4647 rgb(175,70,71)
```
#afae46
```
#afae46 rgb(175,174,70)
```
#46afae
```
#46afae rgb(70,175,174)
```
#4647af
```
#4647af rgb(70,71,175)
```

Tetradic Color

#787830
```
#787830 rgb(120,120,48)
```
#8b8a37
```
#8b8a37 rgb(139,138,55)
```
#9d9c3f
```
#9d9c3f rgb(157,156,63)
```
#afae46
```
#afae46 rgb(175,174,70)
```
#bbba54
```
#bbba54 rgb(187,186,84)
```
#c2c166
```
#c2c166 rgb(194,193,102)
```
#c9c878
```
#c9c878 rgb(201,200,120)
```

Monochromatic Color

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

#af9446
```
#af9446 rgb(175,148,70)
```
#af9d46
```
#af9d46 rgb(175,157,70)
```
#afa546
```
#afa546 rgb(175,165,70)
```
#afae46
```
#afae46 rgb(175,174,70)
```
#a7af46
```
#a7af46 rgb(167,175,70)
```
#9faf46
```
#9faf46 rgb(159,175,70)
```
#96af46
```
#96af46 rgb(150,175,70)
```

Similar Colors

Text with hexadecimal color #afae46

This text has a font color of #afae46.

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

#afae46 background color

This paragraph has a background color of #afae46.

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

#afae46 border color

This element has a border color of #afae46.

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

CSS codes

.text {color:#afae46;}

.background {background-color:#afae46;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#151508
```
#151508 rgb(21,21,8)
```
#23230e
```
#23230e rgb(35,35,14)
```
#313114
```
#313114 rgb(49,49,20)
```
#3f3f19
```
#3f3f19 rgb(63,63,25)
```
#4d4c1f
```
#4d4c1f rgb(77,76,31)
```
#5b5a24
```
#5b5a24 rgb(91,90,36)
```
#69682a
```
#69682a rgb(105,104,42)
```
#777630
```
#777630 rgb(119,118,48)
```
#858435
```
#858435 rgb(133,132,53)
```
#93923b
```
#93923b rgb(147,146,59)
```
#a1a040
```
#a1a040 rgb(161,160,64)
```
#afae46
```
#afae46 rgb(175,174,70)
```

Shade Color Variation

#b9b850
```
#b9b850 rgb(185,184,80)
```
#bebe5e
```
#bebe5e rgb(190,190,94)
```
#c4c36c
```
#c4c36c rgb(196,195,108)
```
#cac97a
```
#cac97a rgb(202,201,122)
```
#cfcf88
```
#cfcf88 rgb(207,207,136)
```
#d5d496
```
#d5d496 rgb(213,212,150)
```
#dbdaa4
```
#dbdaa4 rgb(219,218,164)
```
#e0e0b2
```
#e0e0b2 rgb(224,224,178)
```
#e6e5c0
```
#e6e5c0 rgb(230,229,192)
```
#ebebce
```
#ebebce rgb(235,235,206)
```
#f1f1dc
```
#f1f1dc rgb(241,241,220)
```
#f7f6ea
```
#f7f6ea rgb(247,246,234)
```
#fcfcf8
```
#fcfcf8 rgb(252,252,248)
```

Tint Color Variation

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

#808075
```
#808075 rgb(128,128,117)
```
#89896c
```
#89896c rgb(137,137,108)
```
#939262
```
#939262 rgb(147,146,98)
```
#9c9c59
```
#9c9c59 rgb(156,156,89)
```
#a6a54f
```
#a6a54f rgb(166,165,79)
```
#afae46
```
#afae46 rgb(175,174,70)
```
#b8b73d
```
#b8b73d rgb(184,183,61)
```
#c2c033
```
#c2c033 rgb(194,192,51)
```
#cbca2a
```
#cbca2a rgb(203,202,42)
```
#d5d320
```
#d5d320 rgb(213,211,32)
```
#dedc17
```
#dedc17 rgb(222,220,23)
```
#e8e50d
```
#e8e50d rgb(232,229,13)
```
#f1ef04
```
#f1ef04 rgb(241,239,4)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a5a490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ad4e Protanopia 1% of men
#d5a554 Deuteranopia 1% of men
#bea7b3 Tritanopia 0.001% of the population

Trichromacy

#baad4b Protanomaly 1% of men, 0.01% of women
#c7a84f Deuteranomaly 6% of men, 0.4% of women
#b8aa8b Tritanomaly 0.01% of the population

#afae46 hex color

#afae46 Color Information

#afae46 Color Conversion

Color Schemes with #afae46

Alternatives to #afae46

#afae46 Preview

Shades and Tints of #afae46

Tones of #afae46

Color Blindness Simulator