#afad22 hex color

In a RGB color space, hex #afad22 is composed of 68.6% red, 67.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 80.6% yellow and 31.4% black. It has a hue angle of 59.1 degrees, a saturation of 67.5% and a lightness of 41%. #afad22 color hex could be obtained by blending #ffff44 with #5f5b00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 68
- B 13
RGB color chart
- C 0
- M 1
- Y 81
- K 31
CMYK color chart

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

The hexadecimal color #afad22 has RGB values of R:175, G:173, B:34 and CMYK values of C:0, M:0.01, Y:0.81, K:0.31. Its decimal value is 11513122.

Hex triplet	afad22	`#afad22`
RGB Decimal	175, 173, 34	`rgb(175,173,34)`
RGB Percent	68.6, 67.8, 13.3	`rgb(68.6%,67.8%,13.3%)`
CMYK	0, 1, 81, 31
HSL	59.1°, 67.5, 41	`hsl(59.1,67.5%,41%)`
HSV (or HSB)	59.1°, 80.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.836, -14.565, 64.909
XYZ	32.912, 39.117, 7.33
xyY	0.415, 0.493, 39.117
CIE-LCH	68.836, 66.523, 102.647
CIE-LUV	68.836, 6.555, 71.882
Hunter-Lab	62.544, -15.522, 36.832
Binary	10101111, 10101101, 00100010

#afad22
```
#afad22 rgb(175,173,34)
```
#2224af
```
#2224af rgb(34,36,175)
```

Complementary Color

#af6722
```
#af6722 rgb(175,103,34)
```
#afad22
```
#afad22 rgb(175,173,34)
```
#6baf22
```
#6baf22 rgb(107,175,34)
```

Analogous Color

#6722af
```
#6722af rgb(103,34,175)
```
#afad22
```
#afad22 rgb(175,173,34)
```
#226baf
```
#226baf rgb(34,107,175)
```

Split Complementary Color

#ad22af
```
#ad22af rgb(173,34,175)
```
#afad22
```
#afad22 rgb(175,173,34)
```
#22afad
```
#22afad rgb(34,175,173)
```

Triadic Color

#af2224
```
#af2224 rgb(175,34,36)
```
#afad22
```
#afad22 rgb(175,173,34)
```
#22afad
```
#22afad rgb(34,175,173)
```
#2224af
```
#2224af rgb(34,36,175)
```

Tetradic Color

#6f6e16
```
#6f6e16 rgb(111,110,22)
```
#84831a
```
#84831a rgb(132,131,26)
```
#9a981e
```
#9a981e rgb(154,152,30)
```
#afad22
```
#afad22 rgb(175,173,34)
```
#c4c226
```
#c4c226 rgb(196,194,38)
```
#d6d42e
```
#d6d42e rgb(214,212,46)
```
#dad843
```
#dad843 rgb(218,216,67)
```

Monochromatic Color

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

#af8a22
```
#af8a22 rgb(175,138,34)
```
#af9622
```
#af9622 rgb(175,150,34)
```
#afa122
```
#afa122 rgb(175,161,34)
```
#afad22
```
#afad22 rgb(175,173,34)
```
#a5af22
```
#a5af22 rgb(165,175,34)
```
#9aaf22
```
#9aaf22 rgb(154,175,34)
```
#8eaf22
```
#8eaf22 rgb(142,175,34)
```

Similar Colors

Text with hexadecimal color #afad22

This text has a font color of #afad22.

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

#afad22 background color

This paragraph has a background color of #afad22.

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

#afad22 border color

This element has a border color of #afad22.

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

CSS codes

.text {color:#afad22;}

.background {background-color:#afad22;}

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

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, #0b0b02 is the darkest color, while #fefef9 is the lightest one.

#0b0b02
```
#0b0b02 rgb(11,11,2)
```
#1b1b05
```
#1b1b05 rgb(27,27,5)
```
#2c2b08
```
#2c2b08 rgb(44,43,8)
```
#3c3b0c
```
#3c3b0c rgb(60,59,12)
```
#4c4c0f
```
#4c4c0f rgb(76,76,15)
```
#5d5c12
```
#5d5c12 rgb(93,92,18)
```
#6d6c15
```
#6d6c15 rgb(109,108,21)
```
#7e7c18
```
#7e7c18 rgb(126,124,24)
```
#8e8d1c
```
#8e8d1c rgb(142,141,28)
```
#9f9d1f
```
#9f9d1f rgb(159,157,31)
```
#afad22
```
#afad22 rgb(175,173,34)
```
#bfbd25
```
#bfbd25 rgb(191,189,37)
```
#d0cd28
```
#d0cd28 rgb(208,205,40)
```

Shade Color Variation

#d8d534
```
#d8d534 rgb(216,213,52)
```
#dbd945
```
#dbd945 rgb(219,217,69)
```
#dedc55
```
#dedc55 rgb(222,220,85)
```
#e1df66
```
#e1df66 rgb(225,223,102)
```
#e4e376
```
#e4e376 rgb(228,227,118)
```
#e8e686
```
#e8e686 rgb(232,230,134)
```
#ebea97
```
#ebea97 rgb(235,234,151)
```
#eeeda7
```
#eeeda7 rgb(238,237,167)
```
#f1f0b8
```
#f1f0b8 rgb(241,240,184)
```
#f4f4c8
```
#f4f4c8 rgb(244,244,200)
```
#f8f7d8
```
#f8f7d8 rgb(248,247,216)
```
#fbfae9
```
#fbfae9 rgb(251,250,233)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#6f6f62
```
#6f6f62 rgb(111,111,98)
```
#77765a
```
#77765a rgb(119,118,90)
```
#7f7e52
```
#7f7e52 rgb(127,126,82)
```
#87864a
```
#87864a rgb(135,134,74)
```
#8f8e42
```
#8f8e42 rgb(143,142,66)
```
#97963a
```
#97963a rgb(151,150,58)
```
#9f9d32
```
#9f9d32 rgb(159,157,50)
```
#a7a52a
```
#a7a52a rgb(167,165,42)
```
#afad22
```
#afad22 rgb(175,173,34)
```
#b7b51a
```
#b7b51a rgb(183,181,26)
```
#bfbd12
```
#bfbd12 rgb(191,189,18)
```
#c7c40a
```
#c7c40a rgb(199,196,10)
```
#cfcc02
```
#cfcc02 rgb(207,204,2)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a1a185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac2c Protanopia 1% of men
#d6a435 Deuteranopia 1% of men
#bea5b1 Tritanopia 0.001% of the population

Trichromacy

#baac28 Protanomaly 1% of men, 0.01% of women
#c8a72e Deuteranomaly 6% of men, 0.4% of women
#b9a87d Tritanomaly 0.01% of the population

#afad22 hex color

#afad22 Color Information

#afad22 Color Conversion

Color Schemes with #afad22

Alternatives to #afad22

#afad22 Preview

Shades and Tints of #afad22

Tones of #afad22

Color Blindness Simulator