#afba22 hex color

In a RGB color space, hex #afba22 is composed of 68.6% red, 72.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 0% magenta, 81.7% yellow and 27.1% black. It has a hue angle of 64.3 degrees, a saturation of 69.1% and a lightness of 43.1%. #afba22 color hex could be obtained by blending #ffff44 with #5f7500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 73
- B 13
RGB color chart
- C 6
- M 0
- Y 82
- K 27
CMYK color chart

● #afba22 color description : Strong yellow.

The hexadecimal color #afba22 has RGB values of R:175, G:186, B:34 and CMYK values of C:0.06, M:0, Y:0.82, K:0.27. Its decimal value is 11516450.

Hex triplet	afba22	`#afba22`
RGB Decimal	175, 186, 34	`rgb(175,186,34)`
RGB Percent	68.6, 72.9, 13.3	`rgb(68.6%,72.9%,13.3%)`
CMYK	6, 0, 82, 27
HSL	64.3°, 69.1, 43.1	`hsl(64.3,69.1%,43.1%)`
HSV (or HSB)	64.3°, 81.7, 72.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.46, -21.123, 68.052
XYZ	35.527, 44.348, 8.202
xyY	0.403, 0.504, 44.348
CIE-LCH	72.46, 71.255, 107.244
CIE-LUV	72.46, -1.812, 77.17
Hunter-Lab	66.594, -21.313, 39.314
Binary	10101111, 10111010, 00100010

#afba22
```
#afba22 rgb(175,186,34)
```
#2d22ba
```
#2d22ba rgb(45,34,186)
```

Complementary Color

#ba7922
```
#ba7922 rgb(186,121,34)
```
#afba22
```
#afba22 rgb(175,186,34)
```
#63ba22
```
#63ba22 rgb(99,186,34)
```

Analogous Color

#7922ba
```
#7922ba rgb(121,34,186)
```
#afba22
```
#afba22 rgb(175,186,34)
```
#2263ba
```
#2263ba rgb(34,99,186)
```

Split Complementary Color

#ba22af
```
#ba22af rgb(186,34,175)
```
#afba22
```
#afba22 rgb(175,186,34)
```
#22afba
```
#22afba rgb(34,175,186)
```

Triadic Color

#ba2d22
```
#ba2d22 rgb(186,45,34)
```
#afba22
```
#afba22 rgb(175,186,34)
```
#22afba
```
#22afba rgb(34,175,186)
```
#2d22ba
```
#2d22ba rgb(45,34,186)
```

Tetradic Color

#727916
```
#727916 rgb(114,121,22)
```
#868f1a
```
#868f1a rgb(134,143,26)
```
#9ba41e
```
#9ba41e rgb(155,164,30)
```
#afba22
```
#afba22 rgb(175,186,34)
```
#c3d026
```
#c3d026 rgb(195,208,38)
```
#ceda35
```
#ceda35 rgb(206,218,53)
```
#d3de4a
```
#d3de4a rgb(211,222,74)
```

Monochromatic Color

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

#ba9f22
```
#ba9f22 rgb(186,159,34)
```
#baac22
```
#baac22 rgb(186,172,34)
```
#bab822
```
#bab822 rgb(186,184,34)
```
#afba22
```
#afba22 rgb(175,186,34)
```
#a2ba22
```
#a2ba22 rgb(162,186,34)
```
#96ba22
```
#96ba22 rgb(150,186,34)
```
#89ba22
```
#89ba22 rgb(137,186,34)
```

Similar Colors

Text with hexadecimal color #afba22

This text has a font color of #afba22.

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

#afba22 background color

This paragraph has a background color of #afba22.

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

#afba22 border color

This element has a border color of #afba22.

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

CSS codes

.text {color:#afba22;}

.background {background-color:#afba22;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#131404
```
#131404 rgb(19,20,4)
```
#232507
```
#232507 rgb(35,37,7)
```
#32350a
```
#32350a rgb(50,53,10)
```
#42460d
```
#42460d rgb(66,70,13)
```
#515610
```
#515610 rgb(81,86,16)
```
#616713
```
#616713 rgb(97,103,19)
```
#717816
```
#717816 rgb(113,120,22)
```
#808819
```
#808819 rgb(128,136,25)
```
#90991c
```
#90991c rgb(144,153,28)
```
#9fa91f
```
#9fa91f rgb(159,169,31)
```
#afba22
```
#afba22 rgb(175,186,34)
```
#bfcb25
```
#bfcb25 rgb(191,203,37)
```

Shade Color Variation

#ccd82b
```
#ccd82b rgb(204,216,43)
```
#d0db3c
```
#d0db3c rgb(208,219,60)
```
#d4de4c
```
#d4de4c rgb(212,222,76)
```
#d8e15d
```
#d8e15d rgb(216,225,93)
```
#dce46d
```
#dce46d rgb(220,228,109)
```
#e0e77e
```
#e0e77e rgb(224,231,126)
```
#e4ea8e
```
#e4ea8e rgb(228,234,142)
```
#e8ed9f
```
#e8ed9f rgb(232,237,159)
```
#ecf0b0
```
#ecf0b0 rgb(236,240,176)
```
#f0f4c0
```
#f0f4c0 rgb(240,244,192)
```
#f4f7d1
```
#f4f7d1 rgb(244,247,209)
```
#f8fae1
```
#f8fae1 rgb(248,250,225)
```
#fcfdf2
```
#fcfdf2 rgb(252,253,242)
```

Tint Color Variation

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

#757666
```
#757666 rgb(117,118,102)
```
#7c7f5d
```
#7c7f5d rgb(124,127,93)
```
#848755
```
#848755 rgb(132,135,85)
```
#8b904c
```
#8b904c rgb(139,144,76)
```
#929844
```
#929844 rgb(146,152,68)
```
#99a13b
```
#99a13b rgb(153,161,59)
```
#a1a933
```
#a1a933 rgb(161,169,51)
```
#a8b22a
```
#a8b22a rgb(168,178,42)
```
#afba22
```
#afba22 rgb(175,186,34)
```
#b6c21a
```
#b6c21a rgb(182,194,26)
```
#bdcb11
```
#bdcb11 rgb(189,203,17)
```
#c5d309
```
#c5d309 rgb(197,211,9)
```
#ccdc00
```
#ccdc00 rgb(204,220,0)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a98b Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb62b Protanopia 1% of men
#e1ad37 Deuteranopia 1% of men
#c1b1bd Tritanopia 0.001% of the population

Trichromacy

#c1b728 Protanomaly 1% of men, 0.01% of women
#cfb12f Deuteranomaly 6% of men, 0.4% of women
#bab485 Tritanomaly 0.01% of the population

#afba22 hex color

#afba22 Color Information

#afba22 Color Conversion

Color Schemes with #afba22

Alternatives to #afba22

#afba22 Preview

Shades and Tints of #afba22

Tones of #afba22

Color Blindness Simulator