#afa900 hex color

In a RGB color space, hex #afa900 is composed of 68.6% red, 66.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 100% yellow and 31.4% black. It has a hue angle of 57.9 degrees, a saturation of 100% and a lightness of 34.3%. #afa900 color hex could be obtained by blending #ffff00 with #5f5300. Closest websafe color is: #999900.

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

● #afa900 color description : Dark yellow [Olive tone].

The hexadecimal color #afa900 has RGB values of R:175, G:169, B:0 and CMYK values of C:0, M:0.03, Y:1, K:0.31. Its decimal value is 11512064.

Hex triplet	afa900	`#afa900`
RGB Decimal	175, 169, 0	`rgb(175,169,0)`
RGB Percent	68.6, 66.3, 0	`rgb(68.6%,66.3%,0%)`
CMYK	0, 3, 100, 31
HSL	57.9°, 100, 34.3	`hsl(57.9,100%,34.3%)`
HSV (or HSB)	57.9°, 100, 68.6
Web Safe	999900	`#999900`

CIE-LAB	67.644, -13.178, 70.023
XYZ	31.867, 37.491, 5.558
xyY	0.425, 0.5, 37.491
CIE-LCH	67.644, 71.252, 100.658
CIE-LUV	67.644, 9.513, 73.857
Hunter-Lab	61.23, -14.25, 37.479
Binary	10101111, 10101001, 00000000

#afa900
```
#afa900 rgb(175,169,0)
```
#0006af
```
#0006af rgb(0,6,175)
```

Complementary Color

#af5200
```
#af5200 rgb(175,82,0)
```
#afa900
```
#afa900 rgb(175,169,0)
```
#5eaf00
```
#5eaf00 rgb(94,175,0)
```

Analogous Color

#5100af
```
#5100af rgb(81,0,175)
```
#afa900
```
#afa900 rgb(175,169,0)
```
#005eaf
```
#005eaf rgb(0,94,175)
```

Split Complementary Color

#a900af
```
#a900af rgb(169,0,175)
```
#afa900
```
#afa900 rgb(175,169,0)
```
#00afa9
```
#00afa9 rgb(0,175,169)
```

Triadic Color

#af0006
```
#af0006 rgb(175,0,6)
```
#afa900
```
#afa900 rgb(175,169,0)
```
#00afa9
```
#00afa9 rgb(0,175,169)
```
#0006af
```
#0006af rgb(0,6,175)
```

Tetradic Color

#635f00
```
#635f00 rgb(99,95,0)
```
#7c7800
```
#7c7800 rgb(124,120,0)
```
#969000
```
#969000 rgb(150,144,0)
```
#afa900
```
#afa900 rgb(175,169,0)
```
#c9c200
```
#c9c200 rgb(201,194,0)
```
#e2da00
```
#e2da00 rgb(226,218,0)
```
#fcf300
```
#fcf300 rgb(252,243,0)
```

Monochromatic Color

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

#af7d00
```
#af7d00 rgb(175,125,0)
```
#af8c00
```
#af8c00 rgb(175,140,0)
```
#af9a00
```
#af9a00 rgb(175,154,0)
```
#afa900
```
#afa900 rgb(175,169,0)
```
#a6af00
```
#a6af00 rgb(166,175,0)
```
#98af00
```
#98af00 rgb(152,175,0)
```
#89af00
```
#89af00 rgb(137,175,0)
```

Similar Colors

Text with hexadecimal color #afa900

This text has a font color of #afa900.

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

#afa900 background color

This paragraph has a background color of #afa900.

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

#afa900 border color

This element has a border color of #afa900.

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

CSS codes

.text {color:#afa900;}

.background {background-color:#afa900;}

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

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

#121100
```
#121100 rgb(18,17,0)
```
#262400
```
#262400 rgb(38,36,0)
```
#393700
```
#393700 rgb(57,55,0)
```
#4d4a00
```
#4d4a00 rgb(77,74,0)
```
#615d00
```
#615d00 rgb(97,93,0)
```
#747000
```
#747000 rgb(116,112,0)
```
#888300
```
#888300 rgb(136,131,0)
```
#9b9600
```
#9b9600 rgb(155,150,0)
```
#afa900
```
#afa900 rgb(175,169,0)
```
#c3bc00
```
#c3bc00 rgb(195,188,0)
```
#d6cf00
```
#d6cf00 rgb(214,207,0)
```
#eae200
```
#eae200 rgb(234,226,0)
```
#fdf500
```
#fdf500 rgb(253,245,0)
```

Shade Color Variation

#fff712
```
#fff712 rgb(255,247,18)
```
#fff826
```
#fff826 rgb(255,248,38)
```
#fff839
```
#fff839 rgb(255,248,57)
```
#fff94d
```
#fff94d rgb(255,249,77)
```
#fffa61
```
#fffa61 rgb(255,250,97)
```
#fffa74
```
#fffa74 rgb(255,250,116)
```
#fffb88
```
#fffb88 rgb(255,251,136)
```
#fffc9b
```
#fffc9b rgb(255,252,155)
```
#fffcaf
```
#fffcaf rgb(255,252,175)
```
#fffdc3
```
#fffdc3 rgb(255,253,195)
```
#fffed6
```
#fffed6 rgb(255,254,214)
```
#fffeea
```
#fffeea rgb(255,254,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#5e5e51
```
#5e5e51 rgb(94,94,81)
```
#65644a
```
#65644a rgb(101,100,74)
```
#6c6a43
```
#6c6a43 rgb(108,106,67)
```
#72713d
```
#72713d rgb(114,113,61)
```
#797736
```
#797736 rgb(121,119,54)
```
#807d2f
```
#807d2f rgb(128,125,47)
```
#878328
```
#878328 rgb(135,131,40)
```
#8d8a22
```
#8d8a22 rgb(141,138,34)
```
#94901b
```
#94901b rgb(148,144,27)
```
#9b9614
```
#9b9614 rgb(155,150,20)
```
#a29c0d
```
#a29c0d rgb(162,156,13)
```
#a8a307
```
#a8a307 rgb(168,163,7)
```
#afa900
```
#afa900 rgb(175,169,0)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9d9b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bea900 Protanopia 1% of men
#d3a11e Deuteranopia 1% of men
#bea1ad Tritanopia 0.001% of the population

Trichromacy

#b8a900 Protanomaly 1% of men, 0.01% of women
#c6a413 Deuteranomaly 6% of men, 0.4% of women
#b9a46e Tritanomaly 0.01% of the population

#afa900 hex color

#afa900 Color Information

#afa900 Color Conversion

Color Schemes with #afa900

Alternatives to #afa900

#afa900 Preview

Shades and Tints of #afa900

Tones of #afa900

Color Blindness Simulator