#afa02f hex color

In a RGB color space, hex #afa02f is composed of 68.6% red, 62.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.6% magenta, 73.1% yellow and 31.4% black. It has a hue angle of 53 degrees, a saturation of 57.7% and a lightness of 43.5%. #afa02f color hex could be obtained by blending #ffff5e with #5f4100. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 63
- B 18
RGB color chart
- C 0
- M 9
- Y 73
- K 31
CMYK color chart

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

The hexadecimal color #afa02f has RGB values of R:175, G:160, B:47 and CMYK values of C:0, M:0.09, Y:0.73, K:0.31. Its decimal value is 11509807.

Hex triplet	afa02f	`#afa02f`
RGB Decimal	175, 160, 47	`rgb(175,160,47)`
RGB Percent	68.6, 62.7, 18.4	`rgb(68.6%,62.7%,18.4%)`
CMYK	0, 9, 73, 31
HSL	53°, 57.7, 43.5	`hsl(53,57.7%,43.5%)`
HSV (or HSB)	53°, 73.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	65.327, -7.254, 57.44
XYZ	30.763, 34.462, 7.721
xyY	0.422, 0.472, 34.462
CIE-LCH	65.327, 57.896, 97.197
CIE-LUV	65.327, 15.05, 63.682
Hunter-Lab	58.704, -9.191, 33.295
Binary	10101111, 10100000, 00101111

#afa02f
```
#afa02f rgb(175,160,47)
```
#2f3eaf
```
#2f3eaf rgb(47,62,175)
```

Complementary Color

#af602f
```
#af602f rgb(175,96,47)
```
#afa02f
```
#afa02f rgb(175,160,47)
```
#7eaf2f
```
#7eaf2f rgb(126,175,47)
```

Analogous Color

#602faf
```
#602faf rgb(96,47,175)
```
#afa02f
```
#afa02f rgb(175,160,47)
```
#2f7eaf
```
#2f7eaf rgb(47,126,175)
```

Split Complementary Color

#a02faf
```
#a02faf rgb(160,47,175)
```
#afa02f
```
#afa02f rgb(175,160,47)
```
#2fafa0
```
#2fafa0 rgb(47,175,160)
```

Triadic Color

#af2f3e
```
#af2f3e rgb(175,47,62)
```
#afa02f
```
#afa02f rgb(175,160,47)
```
#2fafa0
```
#2fafa0 rgb(47,175,160)
```
#2f3eaf
```
#2f3eaf rgb(47,62,175)
```

Tetradic Color

#73691f
```
#73691f rgb(115,105,31)
```
#877b24
```
#877b24 rgb(135,123,36)
```
#9b8e2a
```
#9b8e2a rgb(155,142,42)
```
#afa02f
```
#afa02f rgb(175,160,47)
```
#c3b234
```
#c3b234 rgb(195,178,52)
```
#cdbd44
```
#cdbd44 rgb(205,189,68)
```
#d2c458
```
#d2c458 rgb(210,196,88)
```

Monochromatic Color

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

#af802f
```
#af802f rgb(175,128,47)
```
#af8b2f
```
#af8b2f rgb(175,139,47)
```
#af952f
```
#af952f rgb(175,149,47)
```
#afa02f
```
#afa02f rgb(175,160,47)
```
#afab2f
```
#afab2f rgb(175,171,47)
```
#a9af2f
```
#a9af2f rgb(169,175,47)
```
#9eaf2f
```
#9eaf2f rgb(158,175,47)
```

Similar Colors

Text with hexadecimal color #afa02f

This text has a font color of #afa02f.

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

#afa02f background color

This paragraph has a background color of #afa02f.

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

#afa02f border color

This element has a border color of #afa02f.

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

CSS codes

.text {color:#afa02f;}

.background {background-color:#afa02f;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#141305
```
#141305 rgb(20,19,5)
```
#24210a
```
#24210a rgb(36,33,10)
```
#332f0e
```
#332f0e rgb(51,47,14)
```
#433d12
```
#433d12 rgb(67,61,18)
```
#524b16
```
#524b16 rgb(82,75,22)
```
#62591a
```
#62591a rgb(98,89,26)
```
#71671e
```
#71671e rgb(113,103,30)
```
#817623
```
#817623 rgb(129,118,35)
```
#908427
```
#908427 rgb(144,132,39)
```
#a0922b
```
#a0922b rgb(160,146,43)
```
#afa02f
```
#afa02f rgb(175,160,47)
```
#beae33
```
#beae33 rgb(190,174,51)
```

Shade Color Variation

#caba3b
```
#caba3b rgb(202,186,59)
```
#cebf4a
```
#cebf4a rgb(206,191,74)
```
#d3c45a
```
#d3c45a rgb(211,196,90)
```
#d7ca69
```
#d7ca69 rgb(215,202,105)
```
#dbcf79
```
#dbcf79 rgb(219,207,121)
```
#dfd588
```
#dfd588 rgb(223,213,136)
```
#e3da98
```
#e3da98 rgb(227,218,152)
```
#e7e0a7
```
#e7e0a7 rgb(231,224,167)
```
#ece5b7
```
#ece5b7 rgb(236,229,183)
```
#f0ebc6
```
#f0ebc6 rgb(240,235,198)
```
#f4f0d6
```
#f4f0d6 rgb(244,240,214)
```
#f8f6e5
```
#f8f6e5 rgb(248,246,229)
```
#fcfbf4
```
#fcfbf4 rgb(252,251,244)
```

Tint Color Variation

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

#73726b
```
#73726b rgb(115,114,107)
```
#7c7962
```
#7c7962 rgb(124,121,98)
```
#847f5a
```
#847f5a rgb(132,127,90)
```
#8d8651
```
#8d8651 rgb(141,134,81)
```
#958c49
```
#958c49 rgb(149,140,73)
```
#9e9340
```
#9e9340 rgb(158,147,64)
```
#a69938
```
#a69938 rgb(166,153,56)
```
#afa02f
```
#afa02f rgb(175,160,47)
```
#b8a726
```
#b8a726 rgb(184,167,38)
```
#c0ad1e
```
#c0ad1e rgb(192,173,30)
```
#c9b415
```
#c9b415 rgb(201,180,21)
```
#d1ba0d
```
#d1ba0d rgb(209,186,13)
```
#dac104
```
#dac104 rgb(218,193,4)
```

Tone Color Variation

Below, you can see how #afa02f 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
#9d9a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a339 Protanopia 1% of men
#ca9c3d Deuteranopia 1% of men
#bc9aa5 Tritanopia 0.001% of the population

Trichromacy

#b3a235 Protanomaly 1% of men, 0.01% of women
#c09d38 Deuteranomaly 6% of men, 0.4% of women
#b79c7a Tritanomaly 0.01% of the population

#afa02f hex color

#afa02f Color Information

#afa02f Color Conversion

Color Schemes with #afa02f

Alternatives to #afa02f

#afa02f Preview

Shades and Tints of #afa02f

Tones of #afa02f

Color Blindness Simulator