#afa02a hex color

In a RGB color space, hex #afa02a is composed of 68.6% red, 62.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.6% magenta, 76% yellow and 31.4% black. It has a hue angle of 53.2 degrees, a saturation of 61.3% and a lightness of 42.5%. #afa02a color hex could be obtained by blending #ffff54 with #5f4100. Closest websafe color is: #999933.

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

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

The hexadecimal color #afa02a has RGB values of R:175, G:160, B:42 and CMYK values of C:0, M:0.09, Y:0.76, K:0.31. Its decimal value is 11509802.

Hex triplet	afa02a	`#afa02a`
RGB Decimal	175, 160, 42	`rgb(175,160,42)`
RGB Percent	68.6, 62.7, 16.5	`rgb(68.6%,62.7%,16.5%)`
CMYK	0, 9, 76, 31
HSL	53.2°, 61.3, 42.5	`hsl(53.2,61.3%,42.5%)`
HSV (or HSB)	53.2°, 76, 68.6
Web Safe	999933	`#999933`

CIE-LAB	65.297, -7.479, 59.219
XYZ	30.668, 34.424, 7.219
xyY	0.424, 0.476, 34.424
CIE-LCH	65.297, 59.69, 97.198
CIE-LUV	65.297, 15.173, 64.901
Hunter-Lab	58.672, -9.372, 33.775
Binary	10101111, 10100000, 00101010

#afa02a
```
#afa02a rgb(175,160,42)
```
#2a39af
```
#2a39af rgb(42,57,175)
```

Complementary Color

#af5e2a
```
#af5e2a rgb(175,94,42)
```
#afa02a
```
#afa02a rgb(175,160,42)
```
#7caf2a
```
#7caf2a rgb(124,175,42)
```

Analogous Color

#5e2aaf
```
#5e2aaf rgb(94,42,175)
```
#afa02a
```
#afa02a rgb(175,160,42)
```
#2a7caf
```
#2a7caf rgb(42,124,175)
```

Split Complementary Color

#a02aaf
```
#a02aaf rgb(160,42,175)
```
#afa02a
```
#afa02a rgb(175,160,42)
```
#2aafa0
```
#2aafa0 rgb(42,175,160)
```

Triadic Color

#af2a39
```
#af2a39 rgb(175,42,57)
```
#afa02a
```
#afa02a rgb(175,160,42)
```
#2aafa0
```
#2aafa0 rgb(42,175,160)
```
#2a39af
```
#2a39af rgb(42,57,175)
```

Tetradic Color

#71681b
```
#71681b rgb(113,104,27)
```
#867a20
```
#867a20 rgb(134,122,32)
```
#9a8d25
```
#9a8d25 rgb(154,141,37)
```
#afa02a
```
#afa02a rgb(175,160,42)
```
#c4b32f
```
#c4b32f rgb(196,179,47)
```
#d0bf3c
```
#d0bf3c rgb(208,191,60)
```
#d5c650
```
#d5c650 rgb(213,198,80)
```

Monochromatic Color

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

#af7f2a
```
#af7f2a rgb(175,127,42)
```
#af8a2a
```
#af8a2a rgb(175,138,42)
```
#af952a
```
#af952a rgb(175,149,42)
```
#afa02a
```
#afa02a rgb(175,160,42)
```
#afab2a
```
#afab2a rgb(175,171,42)
```
#a8af2a
```
#a8af2a rgb(168,175,42)
```
#9daf2a
```
#9daf2a rgb(157,175,42)
```

Similar Colors

Text with hexadecimal color #afa02a

This text has a font color of #afa02a.

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

#afa02a background color

This paragraph has a background color of #afa02a.

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

#afa02a border color

This element has a border color of #afa02a.

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

CSS codes

.text {color:#afa02a;}

.background {background-color:#afa02a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110f04
```
#110f04 rgb(17,15,4)
```
#211e08
```
#211e08 rgb(33,30,8)
```
#302c0c
```
#302c0c rgb(48,44,12)
```
#403b0f
```
#403b0f rgb(64,59,15)
```
#504913
```
#504913 rgb(80,73,19)
```
#605817
```
#605817 rgb(96,88,23)
```
#70661b
```
#70661b rgb(112,102,27)
```
#80751f
```
#80751f rgb(128,117,31)
```
#8f8322
```
#8f8322 rgb(143,131,34)
```
#9f9226
```
#9f9226 rgb(159,146,38)
```
#afa02a
```
#afa02a rgb(175,160,42)
```
#bfae2e
```
#bfae2e rgb(191,174,46)
```

Shade Color Variation

#cebc32
```
#cebc32 rgb(206,188,50)
```
#d2c142
```
#d2c142 rgb(210,193,66)
```
#d5c752
```
#d5c752 rgb(213,199,82)
```
#d9cc62
```
#d9cc62 rgb(217,204,98)
```
#ddd172
```
#ddd172 rgb(221,209,114)
```
#e1d681
```
#e1d681 rgb(225,214,129)
```
#e5db91
```
#e5db91 rgb(229,219,145)
```
#e8e0a1
```
#e8e0a1 rgb(232,224,161)
```
#ece6b1
```
#ece6b1 rgb(236,230,177)
```
#f0ebc1
```
#f0ebc1 rgb(240,235,193)
```
#f4f0d1
```
#f4f0d1 rgb(244,240,209)
```
#f8f5e0
```
#f8f5e0 rgb(248,245,224)
```
#fbfaf0
```
#fbfaf0 rgb(251,250,240)
```

Tint Color Variation

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

#757364
```
#757364 rgb(117,115,100)
```
#7d795c
```
#7d795c rgb(125,121,92)
```
#858054
```
#858054 rgb(133,128,84)
```
#8e864b
```
#8e864b rgb(142,134,75)
```
#968d43
```
#968d43 rgb(150,141,67)
```
#9e933b
```
#9e933b rgb(158,147,59)
```
#a79a32
```
#a79a32 rgb(167,154,50)
```
#afa02a
```
#afa02a rgb(175,160,42)
```
#b7a622
```
#b7a622 rgb(183,166,34)
```
#c0ad19
```
#c0ad19 rgb(192,173,25)
```
#c8b311
```
#c8b311 rgb(200,179,17)
```
#d0ba09
```
#d0ba09 rgb(208,186,9)
```
#d9c000
```
#d9c000 rgb(217,192,0)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c9981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a334 Protanopia 1% of men
#ca9b39 Deuteranopia 1% of men
#bc9aa5 Tritanopia 0.001% of the population

Trichromacy

#b3a230 Protanomaly 1% of men, 0.01% of women
#c09d33 Deuteranomaly 6% of men, 0.4% of women
#b79c78 Tritanomaly 0.01% of the population

#afa02a hex color

#afa02a Color Information

#afa02a Color Conversion

Color Schemes with #afa02a

Alternatives to #afa02a

#afa02a Preview

Shades and Tints of #afa02a

Tones of #afa02a

Color Blindness Simulator