#afae55 hex color

In a RGB color space, hex #afae55 is composed of 68.6% red, 68.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 51.4% yellow and 31.4% black. It has a hue angle of 59.3 degrees, a saturation of 36% and a lightness of 51%. #afae55 color hex could be obtained by blending #ffffaa with #5f5d00. Closest websafe color is: #999966.

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

● #afae55 color description : Dark moderate yellow.

The hexadecimal color #afae55 has RGB values of R:175, G:174, B:85 and CMYK values of C:0, M:0.01, Y:0.51, K:0.31. Its decimal value is 11513429.

Hex triplet	afae55	`#afae55`
RGB Decimal	175, 174, 85	`rgb(175,174,85)`
RGB Percent	68.6, 68.2, 33.3	`rgb(68.6%,68.2%,33.3%)`
CMYK	0, 1, 51, 31
HSL	59.3°, 36, 51	`hsl(59.3,36%,51%)`
HSV (or HSB)	59.3°, 51.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	69.5, -12.022, 45.262
XYZ	34.455, 40.042, 14.508
xyY	0.387, 0.45, 40.042
CIE-LCH	69.5, 46.831, 104.875
CIE-LUV	69.5, 4.742, 56.666
Hunter-Lab	63.279, -13.547, 30.702
Binary	10101111, 10101110, 01010101

#afae55
```
#afae55 rgb(175,174,85)
```
#5556af
```
#5556af rgb(85,86,175)
```

Complementary Color

#af8155
```
#af8155 rgb(175,129,85)
```
#afae55
```
#afae55 rgb(175,174,85)
```
#83af55
```
#83af55 rgb(131,175,85)
```

Analogous Color

#8155af
```
#8155af rgb(129,85,175)
```
#afae55
```
#afae55 rgb(175,174,85)
```
#5583af
```
#5583af rgb(85,131,175)
```

Split Complementary Color

#ae55af
```
#ae55af rgb(174,85,175)
```
#afae55
```
#afae55 rgb(175,174,85)
```
#55afae
```
#55afae rgb(85,175,174)
```

Triadic Color

#af5556
```
#af5556 rgb(175,85,86)
```
#afae55
```
#afae55 rgb(175,174,85)
```
#55afae
```
#55afae rgb(85,175,174)
```
#5556af
```
#5556af rgb(85,86,175)
```

Tetradic Color

#7d7c3b
```
#7d7c3b rgb(125,124,59)
```
#8e8d43
```
#8e8d43 rgb(142,141,67)
```
#9f9f4b
```
#9f9f4b rgb(159,159,75)
```
#afae55
```
#afae55 rgb(175,174,85)
```
#b7b666
```
#b7b666 rgb(183,182,102)
```
#bfbf78
```
#bfbf78 rgb(191,191,120)
```
#c7c789
```
#c7c789 rgb(199,199,137)
```

Monochromatic Color

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

#af9855
```
#af9855 rgb(175,152,85)
```
#af9f55
```
#af9f55 rgb(175,159,85)
```
#afa755
```
#afa755 rgb(175,167,85)
```
#afae55
```
#afae55 rgb(175,174,85)
```
#a9af55
```
#a9af55 rgb(169,175,85)
```
#a1af55
```
#a1af55 rgb(161,175,85)
```
#9aaf55
```
#9aaf55 rgb(154,175,85)
```

Similar Colors

Text with hexadecimal color #afae55

This text has a font color of #afae55.

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

#afae55 background color

This paragraph has a background color of #afae55.

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

#afae55 border color

This element has a border color of #afae55.

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

CSS codes

.text {color:#afae55;}

.background {background-color:#afae55;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#111108
```
#111108 rgb(17,17,8)
```
#1e1e0e
```
#1e1e0e rgb(30,30,14)
```
#2b2b14
```
#2b2b14 rgb(43,43,20)
```
#39381b
```
#39381b rgb(57,56,27)
```
#464621
```
#464621 rgb(70,70,33)
```
#535327
```
#535327 rgb(83,83,39)
```
#61602e
```
#61602e rgb(97,96,46)
```
#6e6d34
```
#6e6d34 rgb(110,109,52)
```
#7b7b3a
```
#7b7b3a rgb(123,123,58)
```
#898840
```
#898840 rgb(137,136,64)
```
#969547
```
#969547 rgb(150,149,71)
```
#a3a34d
```
#a3a34d rgb(163,163,77)
```

Shade Color Variation

#afae55
```
#afae55 rgb(175,174,85)
```
#b5b462
```
#b5b462 rgb(181,180,98)
```
#bcbb70
```
#bcbb70 rgb(188,187,112)
```
#c2c17d
```
#c2c17d rgb(194,193,125)
```
#c8c78a
```
#c8c78a rgb(200,199,138)
```
#cece98
```
#cece98 rgb(206,206,152)
```
#d5d4a5
```
#d5d4a5 rgb(213,212,165)
```
#dbdab2
```
#dbdab2 rgb(219,218,178)
```
#e1e1c0
```
#e1e1c0 rgb(225,225,192)
```
#e7e7cd
```
#e7e7cd rgb(231,231,205)
```
#eeeeda
```
#eeeeda rgb(238,238,218)
```
#f4f4e8
```
#f4f4e8 rgb(244,244,232)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#89887b
```
#89887b rgb(137,136,123)
```
#929272
```
#929272 rgb(146,146,114)
```
#9c9b68
```
#9c9b68 rgb(156,155,104)
```
#a5a55f
```
#a5a55f rgb(165,165,95)
```
#afae55
```
#afae55 rgb(175,174,85)
```
#b9b74b
```
#b9b74b rgb(185,183,75)
```
#c2c142
```
#c2c142 rgb(194,193,66)
```
#ccca38
```
#ccca38 rgb(204,202,56)
```
#d5d42f
```
#d5d42f rgb(213,212,47)
```
#dfdd25
```
#dfdd25 rgb(223,221,37)
```
#e9e61b
```
#e9e61b rgb(233,230,27)
```
#f2f012
```
#f2f012 rgb(242,240,18)
```
#fcf908
```
#fcf908 rgb(252,249,8)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a6a694 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfae5c Protanopia 1% of men
#d3a661 Deuteranopia 1% of men
#bda8b4 Tritanopia 0.001% of the population

Trichromacy

#b9ae59 Protanomaly 1% of men, 0.01% of women
#c6a95d Deuteranomaly 6% of men, 0.4% of women
#b8aa91 Tritanomaly 0.01% of the population

#afae55 hex color

#afae55 Color Information

#afae55 Color Conversion

Color Schemes with #afae55

Alternatives to #afae55

#afae55 Preview

Shades and Tints of #afae55

Tones of #afae55

Color Blindness Simulator