#afbd20 hex color

In a RGB color space, hex #afbd20 is composed of 68.6% red, 74.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 83.1% yellow and 25.9% black. It has a hue angle of 65.4 degrees, a saturation of 71% and a lightness of 43.3%. #afbd20 color hex could be obtained by blending #ffff40 with #5f7b00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 74
- B 13
RGB color chart
- C 7
- M 0
- Y 83
- K 26
CMYK color chart

● #afbd20 color description : Strong yellow.

The hexadecimal color #afbd20 has RGB values of R:175, G:189, B:32 and CMYK values of C:0.07, M:0, Y:0.83, K:0.26. Its decimal value is 11517216.

Hex triplet	afbd20	`#afbd20`
RGB Decimal	175, 189, 32	`rgb(175,189,32)`
RGB Percent	68.6, 74.1, 12.5	`rgb(68.6%,74.1%,12.5%)`
CMYK	7, 0, 83, 26
HSL	65.4°, 71, 43.3	`hsl(65.4,71%,43.3%)`
HSV (or HSB)	65.4°, 83.1, 74.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.294, -22.665, 69.266
XYZ	36.137, 45.614, 8.267
xyY	0.401, 0.507, 45.614
CIE-LCH	73.294, 72.88, 108.119
CIE-LUV	73.294, -3.669, 78.699
Hunter-Lab	67.538, -22.682, 40.019
Binary	10101111, 10111101, 00100000

#afbd20
```
#afbd20 rgb(175,189,32)
```
#2e20bd
```
#2e20bd rgb(46,32,189)
```

Complementary Color

#bd7d20
```
#bd7d20 rgb(189,125,32)
```
#afbd20
```
#afbd20 rgb(175,189,32)
```
#61bd20
```
#61bd20 rgb(97,189,32)
```

Analogous Color

#7d20bd
```
#7d20bd rgb(125,32,189)
```
#afbd20
```
#afbd20 rgb(175,189,32)
```
#2061bd
```
#2061bd rgb(32,97,189)
```

Split Complementary Color

#bd20af
```
#bd20af rgb(189,32,175)
```
#afbd20
```
#afbd20 rgb(175,189,32)
```
#20afbd
```
#20afbd rgb(32,175,189)
```

Triadic Color

#bd2e20
```
#bd2e20 rgb(189,46,32)
```
#afbd20
```
#afbd20 rgb(175,189,32)
```
#20afbd
```
#20afbd rgb(32,175,189)
```
#2e20bd
```
#2e20bd rgb(46,32,189)
```

Tetradic Color

#727c15
```
#727c15 rgb(114,124,21)
```
#879119
```
#879119 rgb(135,145,25)
```
#9ba71c
```
#9ba71c rgb(155,167,28)
```
#afbd20
```
#afbd20 rgb(175,189,32)
```
#c3d324
```
#c3d324 rgb(195,211,36)
```
#cddd33
```
#cddd33 rgb(205,221,51)
```
#d3e049
```
#d3e049 rgb(211,224,73)
```

Monochromatic Color

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

#bda420
```
#bda420 rgb(189,164,32)
```
#bdb120
```
#bdb120 rgb(189,177,32)
```
#bcbd20
```
#bcbd20 rgb(188,189,32)
```
#afbd20
```
#afbd20 rgb(175,189,32)
```
#a2bd20
```
#a2bd20 rgb(162,189,32)
```
#95bd20
```
#95bd20 rgb(149,189,32)
```
#88bd20
```
#88bd20 rgb(136,189,32)
```

Similar Colors

Text with hexadecimal color #afbd20

This text has a font color of #afbd20.

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

#afbd20 background color

This paragraph has a background color of #afbd20.

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

#afbd20 border color

This element has a border color of #afbd20.

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

CSS codes

.text {color:#afbd20;}

.background {background-color:#afbd20;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#141504
```
#141504 rgb(20,21,4)
```
#232606
```
#232606 rgb(35,38,6)
```
#333709
```
#333709 rgb(51,55,9)
```
#42480c
```
#42480c rgb(66,72,12)
```
#52580f
```
#52580f rgb(82,88,15)
```
#616912
```
#616912 rgb(97,105,18)
```
#717a15
```
#717a15 rgb(113,122,21)
```
#808b17
```
#808b17 rgb(128,139,23)
```
#909b1a
```
#909b1a rgb(144,155,26)
```
#9fac1d
```
#9fac1d rgb(159,172,29)
```
#afbd20
```
#afbd20 rgb(175,189,32)
```
#bfce23
```
#bfce23 rgb(191,206,35)
```

Shade Color Variation

#cbdb29
```
#cbdb29 rgb(203,219,41)
```
#cfde3a
```
#cfde3a rgb(207,222,58)
```
#d3e14b
```
#d3e14b rgb(211,225,75)
```
#d7e35c
```
#d7e35c rgb(215,227,92)
```
#dbe66c
```
#dbe66c rgb(219,230,108)
```
#dfe97d
```
#dfe97d rgb(223,233,125)
```
#e4ec8e
```
#e4ec8e rgb(228,236,142)
```
#e8ef9f
```
#e8ef9f rgb(232,239,159)
```
#ecf2b0
```
#ecf2b0 rgb(236,242,176)
```
#f0f4c0
```
#f0f4c0 rgb(240,244,192)
```
#f4f7d1
```
#f4f7d1 rgb(244,247,209)
```
#f8fae2
```
#f8fae2 rgb(248,250,226)
```
#fcfdf3
```
#fcfdf3 rgb(252,253,243)
```

Tint Color Variation

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

#70716d
```
#70716d rgb(112,113,109)
```
#777964
```
#777964 rgb(119,121,100)
```
#7e825c
```
#7e825c rgb(126,130,92)
```
#858a53
```
#858a53 rgb(133,138,83)
```
#8c934b
```
#8c934b rgb(140,147,75)
```
#939b42
```
#939b42 rgb(147,155,66)
```
#9aa43a
```
#9aa43a rgb(154,164,58)
```
#a1ac31
```
#a1ac31 rgb(161,172,49)
```
#a8b529
```
#a8b529 rgb(168,181,41)
```
#afbd20
```
#afbd20 rgb(175,189,32)
```
#b6c618
```
#b6c618 rgb(182,198,24)
```
#bdce0f
```
#bdce0f rgb(189,206,15)
```
#c4d706
```
#c4d706 rgb(196,215,6)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9ab8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb829 Protanopia 1% of men
#e4af36 Deuteranopia 1% of men
#c1b3c0 Tritanopia 0.001% of the population

Trichromacy

#c2b925 Protanomaly 1% of men, 0.01% of women
#d1b42e Deuteranomaly 6% of men, 0.4% of women
#bab786 Tritanomaly 0.01% of the population

#afbd20 hex color

#afbd20 Color Information

#afbd20 Color Conversion

Color Schemes with #afbd20

Alternatives to #afbd20

#afbd20 Preview

Shades and Tints of #afbd20

Tones of #afbd20

Color Blindness Simulator