#afaa3f hex color

In a RGB color space, hex #afaa3f is composed of 68.6% red, 66.7% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 64% yellow and 31.4% black. It has a hue angle of 57.3 degrees, a saturation of 47.1% and a lightness of 46.7%. #afaa3f color hex could be obtained by blending #ffff7e with #5f5500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 67
- B 25
RGB color chart
- C 0
- M 3
- Y 64
- K 31
CMYK color chart

● #afaa3f color description : Dark moderate yellow.

The hexadecimal color #afaa3f has RGB values of R:175, G:170, B:63 and CMYK values of C:0, M:0.03, Y:0.64, K:0.31. Its decimal value is 11512383.

Hex triplet	afaa3f	`#afaa3f`
RGB Decimal	175, 170, 63	`rgb(175,170,63)`
RGB Percent	68.6, 66.7, 24.7	`rgb(68.6%,66.7%,24.7%)`
CMYK	0, 3, 64, 31
HSL	57.3°, 47.1, 46.7	`hsl(57.3,47.1%,46.7%)`
HSV (or HSB)	57.3°, 64, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.185, -11.617, 53.886
XYZ	32.951, 38.223, 10.344
xyY	0.404, 0.469, 38.223
CIE-LCH	68.185, 55.124, 102.165
CIE-LUV	68.185, 7.949, 63.313
Hunter-Lab	61.825, -13.057, 33.357
Binary	10101111, 10101010, 00111111

#afaa3f
```
#afaa3f rgb(175,170,63)
```
#3f44af
```
#3f44af rgb(63,68,175)
```

Complementary Color

#af723f
```
#af723f rgb(175,114,63)
```
#afaa3f
```
#afaa3f rgb(175,170,63)
```
#7caf3f
```
#7caf3f rgb(124,175,63)
```

Analogous Color

#723faf
```
#723faf rgb(114,63,175)
```
#afaa3f
```
#afaa3f rgb(175,170,63)
```
#3f7caf
```
#3f7caf rgb(63,124,175)
```

Split Complementary Color

#aa3faf
```
#aa3faf rgb(170,63,175)
```
#afaa3f
```
#afaa3f rgb(175,170,63)
```
#3fafaa
```
#3fafaa rgb(63,175,170)
```

Triadic Color

#af3f44
```
#af3f44 rgb(175,63,68)
```
#afaa3f
```
#afaa3f rgb(175,170,63)
```
#3fafaa
```
#3fafaa rgb(63,175,170)
```
#3f44af
```
#3f44af rgb(63,68,175)
```

Tetradic Color

#77732b
```
#77732b rgb(119,115,43)
```
#8a8632
```
#8a8632 rgb(138,134,50)
```
#9c9838
```
#9c9838 rgb(156,152,56)
```
#afaa3f
```
#afaa3f rgb(175,170,63)
```
#beb94a
```
#beb94a rgb(190,185,74)
```
#c5c05d
```
#c5c05d rgb(197,192,93)
```
#cbc76f
```
#cbc76f rgb(203,199,111)
```

Monochromatic Color

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

#af8e3f
```
#af8e3f rgb(175,142,63)
```
#af973f
```
#af973f rgb(175,151,63)
```
#afa13f
```
#afa13f rgb(175,161,63)
```
#afaa3f
```
#afaa3f rgb(175,170,63)
```
#abaf3f
```
#abaf3f rgb(171,175,63)
```
#a1af3f
```
#a1af3f rgb(161,175,63)
```
#98af3f
```
#98af3f rgb(152,175,63)
```

Similar Colors

Text with hexadecimal color #afaa3f

This text has a font color of #afaa3f.

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

#afaa3f background color

This paragraph has a background color of #afaa3f.

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

#afaa3f border color

This element has a border color of #afaa3f.

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

CSS codes

.text {color:#afaa3f;}

.background {background-color:#afaa3f;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#101006
```
#101006 rgb(16,16,6)
```
#1f1e0b
```
#1f1e0b rgb(31,30,11)
```
#2d2c10
```
#2d2c10 rgb(45,44,16)
```
#3c3a15
```
#3c3a15 rgb(60,58,21)
```
#4a481b
```
#4a481b rgb(74,72,27)
```
#585620
```
#585620 rgb(88,86,32)
```
#676425
```
#676425 rgb(103,100,37)
```
#75722a
```
#75722a rgb(117,114,42)
```
#84802f
```
#84802f rgb(132,128,47)
```
#928e35
```
#928e35 rgb(146,142,53)
```
#a19c3a
```
#a19c3a rgb(161,156,58)
```
#afaa3f
```
#afaa3f rgb(175,170,63)
```

Shade Color Variation

#bcb745
```
#bcb745 rgb(188,183,69)
```
#c1bc54
```
#c1bc54 rgb(193,188,84)
```
#c7c262
```
#c7c262 rgb(199,194,98)
```
#ccc871
```
#ccc871 rgb(204,200,113)
```
#d1cd7f
```
#d1cd7f rgb(209,205,127)
```
#d6d38e
```
#d6d38e rgb(214,211,142)
```
#dbd99c
```
#dbd99c rgb(219,217,156)
```
#e1deaa
```
#e1deaa rgb(225,222,170)
```
#e6e4b9
```
#e6e4b9 rgb(230,228,185)
```
#ebe9c7
```
#ebe9c7 rgb(235,233,199)
```
#f0efd6
```
#f0efd6 rgb(240,239,214)
```
#f5f5e4
```
#f5f5e4 rgb(245,245,228)
```
#fbfaf3
```
#fbfaf3 rgb(251,250,243)
```

Tint Color Variation

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

#787876
```
#787876 rgb(120,120,118)
```
#81806d
```
#81806d rgb(129,128,109)
```
#8a8964
```
#8a8964 rgb(138,137,100)
```
#94915a
```
#94915a rgb(148,145,90)
```
#9d9951
```
#9d9951 rgb(157,153,81)
```
#a6a248
```
#a6a248 rgb(166,162,72)
```
#afaa3f
```
#afaa3f rgb(175,170,63)
```
#b8b236
```
#b8b236 rgb(184,178,54)
```
#c1bb2d
```
#c1bb2d rgb(193,187,45)
```
#cac324
```
#cac324 rgb(202,195,36)
```
#d4cb1a
```
#d4cb1a rgb(212,203,26)
```
#ddd411
```
#ddd411 rgb(221,212,17)
```
#e6dc08
```
#e6dc08 rgb(230,220,8)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a2a18c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdab48 Protanopia 1% of men
#d2a34d Deuteranopia 1% of men
#bda4af Tritanopia 0.001% of the population

Trichromacy

#b8aa44 Protanomaly 1% of men, 0.01% of women
#c5a548 Deuteranomaly 6% of men, 0.4% of women
#b8a686 Tritanomaly 0.01% of the population

#afaa3f hex color

#afaa3f Color Information

#afaa3f Color Conversion

Color Schemes with #afaa3f

Alternatives to #afaa3f

#afaa3f Preview

Shades and Tints of #afaa3f

Tones of #afaa3f

Color Blindness Simulator