#afa902 hex color

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

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

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

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

Hex triplet	afa902	`#afa902`
RGB Decimal	175, 169, 2	`rgb(175,169,2)`
RGB Percent	68.6, 66.3, 0.8	`rgb(68.6%,66.3%,0.8%)`
CMYK	0, 3, 99, 31
HSL	57.9°, 97.7, 34.7	`hsl(57.9,97.7%,34.7%)`
HSV (or HSB)	57.9°, 98.9, 68.6
Web Safe	999900	`#999900`

CIE-LAB	67.647, -13.152, 69.773
XYZ	31.878, 37.495, 5.616
xyY	0.425, 0.5, 37.495
CIE-LCH	67.647, 71.002, 100.675
CIE-LUV	67.647, 9.502, 73.719
Hunter-Lab	61.233, -14.23, 37.426
Binary	10101111, 10101001, 00000010

#afa902
```
#afa902 rgb(175,169,2)
```
#0208af
```
#0208af rgb(2,8,175)
```

Complementary Color

#af5302
```
#af5302 rgb(175,83,2)
```
#afa902
```
#afa902 rgb(175,169,2)
```
#5faf02
```
#5faf02 rgb(95,175,2)
```

Analogous Color

#5202af
```
#5202af rgb(82,2,175)
```
#afa902
```
#afa902 rgb(175,169,2)
```
#025faf
```
#025faf rgb(2,95,175)
```

Split Complementary Color

#a902af
```
#a902af rgb(169,2,175)
```
#afa902
```
#afa902 rgb(175,169,2)
```
#02afa9
```
#02afa9 rgb(2,175,169)
```

Triadic Color

#af0208
```
#af0208 rgb(175,2,8)
```
#afa902
```
#afa902 rgb(175,169,2)
```
#02afa9
```
#02afa9 rgb(2,175,169)
```
#0208af
```
#0208af rgb(2,8,175)
```

Tetradic Color

#636001
```
#636001 rgb(99,96,1)
```
#7d7801
```
#7d7801 rgb(125,120,1)
```
#969102
```
#969102 rgb(150,145,2)
```
#afa902
```
#afa902 rgb(175,169,2)
```
#c8c102
```
#c8c102 rgb(200,193,2)
```
#e1da03
```
#e1da03 rgb(225,218,3)
```
#fbf203
```
#fbf203 rgb(251,242,3)
```

Monochromatic Color

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

#af7e02
```
#af7e02 rgb(175,126,2)
```
#af8c02
```
#af8c02 rgb(175,140,2)
```
#af9b02
```
#af9b02 rgb(175,155,2)
```
#afa902
```
#afa902 rgb(175,169,2)
```
#a7af02
```
#a7af02 rgb(167,175,2)
```
#98af02
```
#98af02 rgb(152,175,2)
```
#8aaf02
```
#8aaf02 rgb(138,175,2)
```

Similar Colors

Text with hexadecimal color #afa902

This text has a font color of #afa902.

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

#afa902 background color

This paragraph has a background color of #afa902.

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

#afa902 border color

This element has a border color of #afa902.

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

CSS codes

.text {color:#afa902;}

.background {background-color:#afa902;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#141300
```
#141300 rgb(20,19,0)
```
#272600
```
#272600 rgb(39,38,0)
```
#3b3901
```
#3b3901 rgb(59,57,1)
```
#4e4b01
```
#4e4b01 rgb(78,75,1)
```
#615e01
```
#615e01 rgb(97,94,1)
```
#757101
```
#757101 rgb(117,113,1)
```
#888402
```
#888402 rgb(136,132,2)
```
#9c9602
```
#9c9602 rgb(156,150,2)
```
#afa902
```
#afa902 rgb(175,169,2)
```
#c2bc02
```
#c2bc02 rgb(194,188,2)
```
#d6ce02
```
#d6ce02 rgb(214,206,2)
```
#e9e103
```
#e9e103 rgb(233,225,3)
```

Shade Color Variation

#fcf303
```
#fcf303 rgb(252,243,3)
```
#fcf417
```
#fcf417 rgb(252,244,23)
```
#fdf52a
```
#fdf52a rgb(253,245,42)
```
#fdf63e
```
#fdf63e rgb(253,246,62)
```
#fdf751
```
#fdf751 rgb(253,247,81)
```
#fdf864
```
#fdf864 rgb(253,248,100)
```
#fdf978
```
#fdf978 rgb(253,249,120)
```
#fefa8b
```
#fefa8b rgb(254,250,139)
```
#fefb9e
```
#fefb9e rgb(254,251,158)
```
#fefbb2
```
#fefbb2 rgb(254,251,178)
```
#fefcc5
```
#fefcc5 rgb(254,252,197)
```
#fffdd9
```
#fffdd9 rgb(255,253,217)
```
#fffeec
```
#fffeec rgb(255,254,236)
```

Tint Color Variation

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

#5d5d54
```
#5d5d54 rgb(93,93,84)
```
#64634d
```
#64634d rgb(100,99,77)
```
#6b6a46
```
#6b6a46 rgb(107,106,70)
```
#72703f
```
#72703f rgb(114,112,63)
```
#797638
```
#797638 rgb(121,118,56)
```
#7f7d32
```
#7f7d32 rgb(127,125,50)
```
#86832b
```
#86832b rgb(134,131,43)
```
#8d8924
```
#8d8924 rgb(141,137,36)
```
#94901d
```
#94901d rgb(148,144,29)
```
#9b9616
```
#9b9616 rgb(155,150,22)
```
#a19c10
```
#a19c10 rgb(161,156,16)
```
#a8a309
```
#a8a309 rgb(168,163,9)
```
#afa902
```
#afa902 rgb(175,169,2)
```

Tone Color Variation

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

#bea907 Protanopia 1% of men
#d3a11f Deuteranopia 1% of men
#bea1ad Tritanopia 0.001% of the population

Trichromacy

#b8a905 Protanomaly 1% of men, 0.01% of women
#c6a414 Deuteranomaly 6% of men, 0.4% of women
#b9a46f Tritanomaly 0.01% of the population

#afa902 hex color

#afa902 Color Information

#afa902 Color Conversion

Color Schemes with #afa902

Alternatives to #afa902

#afa902 Preview

Shades and Tints of #afa902

Tones of #afa902

Color Blindness Simulator