#afad3f hex color

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

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

● #afad3f color description : Dark moderate yellow.

The hexadecimal color #afad3f has RGB values of R:175, G:173, B:63 and CMYK values of C:0, M:0.01, Y:0.64, K:0.31. Its decimal value is 11513151.

Hex triplet	afad3f	`#afad3f`
RGB Decimal	175, 173, 63	`rgb(175,173,63)`
RGB Percent	68.6, 67.8, 24.7	`rgb(68.6%,67.8%,24.7%)`
CMYK	0, 1, 64, 31
HSL	58.9°, 47.1, 46.7	`hsl(58.9,47.1%,46.7%)`
HSV (or HSB)	58.9°, 64, 68.6
Web Safe	999933	`#999933`

CIE-LAB	69.012, -13.172, 54.758
XYZ	33.52, 39.361, 10.534
xyY	0.402, 0.472, 39.361
CIE-LCH	69.012, 56.32, 103.525
CIE-LUV	69.012, 6.008, 64.647
Hunter-Lab	62.738, -14.422, 33.962
Binary	10101111, 10101101, 00111111

#afad3f
```
#afad3f rgb(175,173,63)
```
#3f41af
```
#3f41af rgb(63,65,175)
```

Complementary Color

#af753f
```
#af753f rgb(175,117,63)
```
#afad3f
```
#afad3f rgb(175,173,63)
```
#79af3f
```
#79af3f rgb(121,175,63)
```

Analogous Color

#753faf
```
#753faf rgb(117,63,175)
```
#afad3f
```
#afad3f rgb(175,173,63)
```
#3f79af
```
#3f79af rgb(63,121,175)
```

Split Complementary Color

#ad3faf
```
#ad3faf rgb(173,63,175)
```
#afad3f
```
#afad3f rgb(175,173,63)
```
#3fafad
```
#3fafad rgb(63,175,173)
```

Triadic Color

#af3f41
```
#af3f41 rgb(175,63,65)
```
#afad3f
```
#afad3f rgb(175,173,63)
```
#3fafad
```
#3fafad rgb(63,175,173)
```
#3f41af
```
#3f41af rgb(63,65,175)
```

Tetradic Color

#77752b
```
#77752b rgb(119,117,43)
```
#8a8832
```
#8a8832 rgb(138,136,50)
```
#9c9a38
```
#9c9a38 rgb(156,154,56)
```
#afad3f
```
#afad3f rgb(175,173,63)
```
#bebc4a
```
#bebc4a rgb(190,188,74)
```
#c5c35d
```
#c5c35d rgb(197,195,93)
```
#cbca6f
```
#cbca6f rgb(203,202,111)
```

Monochromatic Color

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

#af913f
```
#af913f rgb(175,145,63)
```
#af9a3f
```
#af9a3f rgb(175,154,63)
```
#afa43f
```
#afa43f rgb(175,164,63)
```
#afad3f
```
#afad3f rgb(175,173,63)
```
#a8af3f
```
#a8af3f rgb(168,175,63)
```
#9eaf3f
```
#9eaf3f rgb(158,175,63)
```
#95af3f
```
#95af3f rgb(149,175,63)
```

Similar Colors

Text with hexadecimal color #afad3f

This text has a font color of #afad3f.

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

#afad3f background color

This paragraph has a background color of #afad3f.

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

#afad3f border color

This element has a border color of #afad3f.

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

CSS codes

.text {color:#afad3f;}

.background {background-color:#afad3f;}

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

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)
```
#2d2d10
```
#2d2d10 rgb(45,45,16)
```
#3c3b15
```
#3c3b15 rgb(60,59,21)
```
#4a491b
```
#4a491b rgb(74,73,27)
```
#585720
```
#585720 rgb(88,87,32)
```
#676625
```
#676625 rgb(103,102,37)
```
#75742a
```
#75742a rgb(117,116,42)
```
#84822f
```
#84822f rgb(132,130,47)
```
#929035
```
#929035 rgb(146,144,53)
```
#a19f3a
```
#a19f3a rgb(161,159,58)
```
#afad3f
```
#afad3f rgb(175,173,63)
```

Shade Color Variation

#bcba45
```
#bcba45 rgb(188,186,69)
```
#c1bf54
```
#c1bf54 rgb(193,191,84)
```
#c7c562
```
#c7c562 rgb(199,197,98)
```
#ccca71
```
#ccca71 rgb(204,202,113)
```
#d1d07f
```
#d1d07f rgb(209,208,127)
```
#d6d58e
```
#d6d58e rgb(214,213,142)
```
#dbda9c
```
#dbda9c rgb(219,218,156)
```
#e1e0aa
```
#e1e0aa rgb(225,224,170)
```
#e6e5b9
```
#e6e5b9 rgb(230,229,185)
```
#ebeac7
```
#ebeac7 rgb(235,234,199)
```
#f0f0d6
```
#f0f0d6 rgb(240,240,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 #e6e208 is the most saturated one.

#787876
```
#787876 rgb(120,120,118)
```
#81816d
```
#81816d rgb(129,129,109)
```
#8a8a64
```
#8a8a64 rgb(138,138,100)
```
#94935a
```
#94935a rgb(148,147,90)
```
#9d9b51
```
#9d9b51 rgb(157,155,81)
```
#a6a448
```
#a6a448 rgb(166,164,72)
```
#afad3f
```
#afad3f rgb(175,173,63)
```
#b8b636
```
#b8b636 rgb(184,182,54)
```
#c1bf2d
```
#c1bf2d rgb(193,191,45)
```
#cac724
```
#cac724 rgb(202,199,36)
```
#d4d01a
```
#d4d01a rgb(212,208,26)
```
#ddd911
```
#ddd911 rgb(221,217,17)
```
#e6e208
```
#e6e208 rgb(230,226,8)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a38d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ad47 Protanopia 1% of men
#d4a54d Deuteranopia 1% of men
#bea6b2 Tritanopia 0.001% of the population

Trichromacy

#b9ad44 Protanomaly 1% of men, 0.01% of women
#c7a748 Deuteranomaly 6% of men, 0.4% of women
#b8a888 Tritanomaly 0.01% of the population

#afad3f hex color

#afad3f Color Information

#afad3f Color Conversion

Color Schemes with #afad3f

Alternatives to #afad3f

#afad3f Preview

Shades and Tints of #afad3f

Tones of #afad3f

Color Blindness Simulator