#afba0f hex color

In a RGB color space, hex #afba0f is composed of 68.6% red, 72.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 0% magenta, 91.9% yellow and 27.1% black. It has a hue angle of 63.9 degrees, a saturation of 85.1% and a lightness of 39.4%. #afba0f color hex could be obtained by blending #ffff1e with #5f7500. Closest websafe color is: #99cc00.

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

● #afba0f color description : Strong yellow.

The hexadecimal color #afba0f has RGB values of R:175, G:186, B:15 and CMYK values of C:0.06, M:0, Y:0.92, K:0.27. Its decimal value is 11516431.

Hex triplet	afba0f	`#afba0f`
RGB Decimal	175, 186, 15	`rgb(175,186,15)`
RGB Percent	68.6, 72.9, 5.9	`rgb(68.6%,72.9%,5.9%)`
CMYK	6, 0, 92, 27
HSL	63.9°, 85.1, 39.4	`hsl(63.9,85.1%,39.4%)`
HSV (or HSB)	63.9°, 91.9, 72.9
Web Safe	99cc00	`#99cc00`

CIE-LAB	72.406, -21.576, 71.791
XYZ	35.324, 44.267, 7.135
xyY	0.407, 0.51, 44.267
CIE-LCH	72.406, 74.963, 106.728
CIE-LUV	72.406, -1.687, 79.478
Hunter-Lab	66.533, -21.662, 40.215
Binary	10101111, 10111010, 00001111

#afba0f
```
#afba0f rgb(175,186,15)
```
#1a0fba
```
#1a0fba rgb(26,15,186)
```

Complementary Color

#ba700f
```
#ba700f rgb(186,112,15)
```
#afba0f
```
#afba0f rgb(175,186,15)
```
#59ba0f
```
#59ba0f rgb(89,186,15)
```

Analogous Color

#700fba
```
#700fba rgb(112,15,186)
```
#afba0f
```
#afba0f rgb(175,186,15)
```
#0f59ba
```
#0f59ba rgb(15,89,186)
```

Split Complementary Color

#ba0faf
```
#ba0faf rgb(186,15,175)
```
#afba0f
```
#afba0f rgb(175,186,15)
```
#0fafba
```
#0fafba rgb(15,175,186)
```

Triadic Color

#ba1a0f
```
#ba1a0f rgb(186,26,15)
```
#afba0f
```
#afba0f rgb(175,186,15)
```
#0fafba
```
#0fafba rgb(15,175,186)
```
#1a0fba
```
#1a0fba rgb(26,15,186)
```

Tetradic Color

#6c7309
```
#6c7309 rgb(108,115,9)
```
#838b0b
```
#838b0b rgb(131,139,11)
```
#99a20d
```
#99a20d rgb(153,162,13)
```
#afba0f
```
#afba0f rgb(175,186,15)
```
#c5d211
```
#c5d211 rgb(197,210,17)
```
#dbe913
```
#dbe913 rgb(219,233,19)
```
#e1ee28
```
#e1ee28 rgb(225,238,40)
```

Monochromatic Color

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

#ba9a0f
```
#ba9a0f rgb(186,154,15)
```
#baa90f
```
#baa90f rgb(186,169,15)
```
#bab70f
```
#bab70f rgb(186,183,15)
```
#afba0f
```
#afba0f rgb(175,186,15)
```
#a1ba0f
```
#a1ba0f rgb(161,186,15)
```
#93ba0f
```
#93ba0f rgb(147,186,15)
```
#84ba0f
```
#84ba0f rgb(132,186,15)
```

Similar Colors

Text with hexadecimal color #afba0f

This text has a font color of #afba0f.

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

#afba0f background color

This paragraph has a background color of #afba0f.

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

#afba0f border color

This element has a border color of #afba0f.

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

CSS codes

.text {color:#afba0f;}

.background {background-color:#afba0f;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#151702
```
#151702 rgb(21,23,2)
```
#262903
```
#262903 rgb(38,41,3)
```
#373b05
```
#373b05 rgb(55,59,5)
```
#494d06
```
#494d06 rgb(73,77,6)
```
#5a5f08
```
#5a5f08 rgb(90,95,8)
```
#6b7109
```
#6b7109 rgb(107,113,9)
```
#7c840b
```
#7c840b rgb(124,132,11)
```
#8d960c
```
#8d960c rgb(141,150,12)
```
#9ea80e
```
#9ea80e rgb(158,168,14)
```
#afba0f
```
#afba0f rgb(175,186,15)
```
#c0cc10
```
#c0cc10 rgb(192,204,16)
```
#d1de12
```
#d1de12 rgb(209,222,18)
```

Shade Color Variation

#dfec18
```
#dfec18 rgb(223,236,24)
```
#e1ee2a
```
#e1ee2a rgb(225,238,42)
```
#e4ef3c
```
#e4ef3c rgb(228,239,60)
```
#e6f14e
```
#e6f14e rgb(230,241,78)
```
#e9f260
```
#e9f260 rgb(233,242,96)
```
#ebf472
```
#ebf472 rgb(235,244,114)
```
#eef584
```
#eef584 rgb(238,245,132)
```
#f0f797
```
#f0f797 rgb(240,247,151)
```
#f3f8a9
```
#f3f8a9 rgb(243,248,169)
```
#f5fabb
```
#f5fabb rgb(245,250,187)
```
#f8fbcd
```
#f8fbcd rgb(248,251,205)
```
#fbfcdf
```
#fbfcdf rgb(251,252,223)
```
#fdfef1
```
#fdfef1 rgb(253,254,241)
```

Tint Color Variation

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

#656564
```
#656564 rgb(101,101,100)
```
#6c6d5c
```
#6c6d5c rgb(108,109,92)
```
#727455
```
#727455 rgb(114,116,85)
```
#797c4d
```
#797c4d rgb(121,124,77)
```
#808445
```
#808445 rgb(128,132,69)
```
#878c3d
```
#878c3d rgb(135,140,61)
```
#8d9336
```
#8d9336 rgb(141,147,54)
```
#949b2e
```
#949b2e rgb(148,155,46)
```
#9ba326
```
#9ba326 rgb(155,163,38)
```
#a2ab1e
```
#a2ab1e rgb(162,171,30)
```
#a8b217
```
#a8b217 rgb(168,178,23)
```
#afba0f
```
#afba0f rgb(175,186,15)
```
#b6c207
```
#b6c207 rgb(182,194,7)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a5a885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb518 Protanopia 1% of men
#e2ac2b Deuteranopia 1% of men
#c1b1bd Tritanopia 0.001% of the population

Trichromacy

#c1b715 Protanomaly 1% of men, 0.01% of women
#cfb121 Deuteranomaly 6% of men, 0.4% of women
#bab47e Tritanomaly 0.01% of the population

#afba0f hex color

#afba0f Color Information

#afba0f Color Conversion

Color Schemes with #afba0f

Alternatives to #afba0f

#afba0f Preview

Shades and Tints of #afba0f

Tones of #afba0f

Color Blindness Simulator