#afba3f hex color

In a RGB color space, hex #afba3f is composed of 68.6% red, 72.9% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 0% magenta, 66.1% yellow and 27.1% black. It has a hue angle of 65.4 degrees, a saturation of 49.4% and a lightness of 48.8%. #afba3f color hex could be obtained by blending #ffff7e with #5f7500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 73
- B 25
RGB color chart
- C 6
- M 0
- Y 66
- K 27
CMYK color chart

● #afba3f color description : Moderate yellow.

The hexadecimal color #afba3f has RGB values of R:175, G:186, B:63 and CMYK values of C:0.06, M:0, Y:0.66, K:0.27. Its decimal value is 11516479.

Hex triplet	afba3f	`#afba3f`
RGB Decimal	175, 186, 63	`rgb(175,186,63)`
RGB Percent	68.6, 72.9, 24.7	`rgb(68.6%,72.9%,24.7%)`
CMYK	6, 0, 66, 27
HSL	65.4°, 49.4, 48.8	`hsl(65.4,49.4%,48.8%)`
HSV (or HSB)	65.4°, 66.1, 72.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.622, -19.775, 58.517
XYZ	36.135, 44.591, 11.406
xyY	0.392, 0.484, 44.591
CIE-LCH	72.622, 61.767, 108.672
CIE-LUV	72.622, -2.179, 70.392
Hunter-Lab	66.776, -20.266, 36.617
Binary	10101111, 10111010, 00111111

#afba3f
```
#afba3f rgb(175,186,63)
```
#4a3fba
```
#4a3fba rgb(74,63,186)
```

Complementary Color

#ba883f
```
#ba883f rgb(186,136,63)
```
#afba3f
```
#afba3f rgb(175,186,63)
```
#72ba3f
```
#72ba3f rgb(114,186,63)
```

Analogous Color

#883fba
```
#883fba rgb(136,63,186)
```
#afba3f
```
#afba3f rgb(175,186,63)
```
#3f72ba
```
#3f72ba rgb(63,114,186)
```

Split Complementary Color

#ba3faf
```
#ba3faf rgb(186,63,175)
```
#afba3f
```
#afba3f rgb(175,186,63)
```
#3fafba
```
#3fafba rgb(63,175,186)
```

Triadic Color

#ba4a3f
```
#ba4a3f rgb(186,74,63)
```
#afba3f
```
#afba3f rgb(175,186,63)
```
#3fafba
```
#3fafba rgb(63,175,186)
```
#4a3fba
```
#4a3fba rgb(74,63,186)
```

Tetradic Color

#79812c
```
#79812c rgb(121,129,44)
```
#8b9432
```
#8b9432 rgb(139,148,50)
```
#9da739
```
#9da739 rgb(157,167,57)
```
#afba3f
```
#afba3f rgb(175,186,63)
```
#b9c34f
```
#b9c34f rgb(185,195,79)
```
#c1ca62
```
#c1ca62 rgb(193,202,98)
```
#c8d075
```
#c8d075 rgb(200,208,117)
```

Monochromatic Color

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

#baa63f
```
#baa63f rgb(186,166,63)
```
#bab13f
```
#bab13f rgb(186,177,63)
```
#b9ba3f
```
#b9ba3f rgb(185,186,63)
```
#afba3f
```
#afba3f rgb(175,186,63)
```
#a5ba3f
```
#a5ba3f rgb(165,186,63)
```
#9bba3f
```
#9bba3f rgb(155,186,63)
```
#90ba3f
```
#90ba3f rgb(144,186,63)
```

Similar Colors

Text with hexadecimal color #afba3f

This text has a font color of #afba3f.

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

#afba3f background color

This paragraph has a background color of #afba3f.

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

#afba3f border color

This element has a border color of #afba3f.

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

CSS codes

.text {color:#afba3f;}

.background {background-color:#afba3f;}

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

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, #0a0a03 is the darkest color, while #fdfdfb is the lightest one.

#0a0a03
```
#0a0a03 rgb(10,10,3)
```
#171908
```
#171908 rgb(23,25,8)
```
#25270d
```
#25270d rgb(37,39,13)
```
#333612
```
#333612 rgb(51,54,18)
```
#414517
```
#414517 rgb(65,69,23)
```
#4e531c
```
#4e531c rgb(78,83,28)
```
#5c6221
```
#5c6221 rgb(92,98,33)
```
#6a7126
```
#6a7126 rgb(106,113,38)
```
#787f2b
```
#787f2b rgb(120,127,43)
```
#868e30
```
#868e30 rgb(134,142,48)
```
#939d35
```
#939d35 rgb(147,157,53)
```
#a1ab3a
```
#a1ab3a rgb(161,171,58)
```
#afba3f
```
#afba3f rgb(175,186,63)
```

Shade Color Variation

#b7c24b
```
#b7c24b rgb(183,194,75)
```
#bdc759
```
#bdc759 rgb(189,199,89)
```
#c3cc68
```
#c3cc68 rgb(195,204,104)
```
#c9d177
```
#c9d177 rgb(201,209,119)
```
#cfd685
```
#cfd685 rgb(207,214,133)
```
#d4db94
```
#d4db94 rgb(212,219,148)
```
#dae0a3
```
#dae0a3 rgb(218,224,163)
```
#e0e5b1
```
#e0e5b1 rgb(224,229,177)
```
#e6eac0
```
#e6eac0 rgb(230,234,192)
```
#ecefcf
```
#ecefcf rgb(236,239,207)
```
#f2f4dd
```
#f2f4dd rgb(242,244,221)
```
#f7f9ec
```
#f7f9ec rgb(247,249,236)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#808178
```
#808178 rgb(128,129,120)
```
#888a6f
```
#888a6f rgb(136,138,111)
```
#909465
```
#909465 rgb(144,148,101)
```
#979d5c
```
#979d5c rgb(151,157,92)
```
#9fa752
```
#9fa752 rgb(159,167,82)
```
#a7b049
```
#a7b049 rgb(167,176,73)
```
#afba3f
```
#afba3f rgb(175,186,63)
```
#b7c435
```
#b7c435 rgb(183,196,53)
```
#bfcd2c
```
#bfcd2c rgb(191,205,44)
```
#c7d722
```
#c7d722 rgb(199,215,34)
```
#cee019
```
#cee019 rgb(206,224,25)
```
#d6ea0f
```
#d6ea0f rgb(214,234,15)
```
#def306
```
#def306 rgb(222,243,6)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aaac94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab647 Protanopia 1% of men
#e0ad4f Deuteranopia 1% of men
#c0b2be Tritanopia 0.001% of the population

Trichromacy

#c0b744 Protanomaly 1% of men, 0.01% of women
#ceb249 Deuteranomaly 6% of men, 0.4% of women
#b9b490 Tritanomaly 0.01% of the population

#afba3f hex color

#afba3f Color Information

#afba3f Color Conversion

Color Schemes with #afba3f

Alternatives to #afba3f

#afba3f Preview

Shades and Tints of #afba3f

Tones of #afba3f

Color Blindness Simulator