#afbe20 hex color

In a RGB color space, hex #afbe20 is composed of 68.6% red, 74.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 83.2% yellow and 25.5% black. It has a hue angle of 65.7 degrees, a saturation of 71.2% and a lightness of 43.5%. #afbe20 color hex could be obtained by blending #ffff40 with #5f7d00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 75
- B 13
RGB color chart
- C 8
- M 0
- Y 83
- K 25
CMYK color chart

● #afbe20 color description : Strong yellow.

The hexadecimal color #afbe20 has RGB values of R:175, G:190, B:32 and CMYK values of C:0.08, M:0, Y:0.83, K:0.25. Its decimal value is 11517472.

Hex triplet	afbe20	`#afbe20`
RGB Decimal	175, 190, 32	`rgb(175,190,32)`
RGB Percent	68.6, 74.5, 12.5	`rgb(68.6%,74.5%,12.5%)`
CMYK	8, 0, 83, 25
HSL	65.7°, 71.2, 43.5	`hsl(65.7,71.2%,43.5%)`
HSV (or HSB)	65.7°, 83.2, 74.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.575, -23.156, 69.506
XYZ	36.353, 46.045, 8.339
xyY	0.401, 0.507, 46.045
CIE-LCH	73.575, 73.261, 108.426
CIE-LUV	73.575, -4.289, 79.102
Hunter-Lab	67.857, -23.121, 40.213
Binary	10101111, 10111110, 00100000

#afbe20
```
#afbe20 rgb(175,190,32)
```
#2f20be
```
#2f20be rgb(47,32,190)
```

Complementary Color

#be7e20
```
#be7e20 rgb(190,126,32)
```
#afbe20
```
#afbe20 rgb(175,190,32)
```
#60be20
```
#60be20 rgb(96,190,32)
```

Analogous Color

#7e20be
```
#7e20be rgb(126,32,190)
```
#afbe20
```
#afbe20 rgb(175,190,32)
```
#2060be
```
#2060be rgb(32,96,190)
```

Split Complementary Color

#be20af
```
#be20af rgb(190,32,175)
```
#afbe20
```
#afbe20 rgb(175,190,32)
```
#20afbe
```
#20afbe rgb(32,175,190)
```

Triadic Color

#be2f20
```
#be2f20 rgb(190,47,32)
```
#afbe20
```
#afbe20 rgb(175,190,32)
```
#20afbe
```
#20afbe rgb(32,175,190)
```
#2f20be
```
#2f20be rgb(47,32,190)
```

Tetradic Color

#737d15
```
#737d15 rgb(115,125,21)
```
#879219
```
#879219 rgb(135,146,25)
```
#9ba81c
```
#9ba81c rgb(155,168,28)
```
#afbe20
```
#afbe20 rgb(175,190,32)
```
#c3d424
```
#c3d424 rgb(195,212,36)
```
#cddd34
```
#cddd34 rgb(205,221,52)
```
#d2e14a
```
#d2e14a rgb(210,225,74)
```

Monochromatic Color

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

#bea620
```
#bea620 rgb(190,166,32)
```
#beb320
```
#beb320 rgb(190,179,32)
```
#bcbe20
```
#bcbe20 rgb(188,190,32)
```
#afbe20
```
#afbe20 rgb(175,190,32)
```
#a2be20
```
#a2be20 rgb(162,190,32)
```
#95be20
```
#95be20 rgb(149,190,32)
```
#88be20
```
#88be20 rgb(136,190,32)
```

Similar Colors

Text with hexadecimal color #afbe20

This text has a font color of #afbe20.

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

#afbe20 background color

This paragraph has a background color of #afbe20.

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

#afbe20 border color

This element has a border color of #afbe20.

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

CSS codes

.text {color:#afbe20;}

.background {background-color:#afbe20;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#141604
```
#141604 rgb(20,22,4)
```
#242707
```
#242707 rgb(36,39,7)
```
#333809
```
#333809 rgb(51,56,9)
```
#43480c
```
#43480c rgb(67,72,12)
```
#52590f
```
#52590f rgb(82,89,15)
```
#626a12
```
#626a12 rgb(98,106,18)
```
#717b15
```
#717b15 rgb(113,123,21)
```
#818c18
```
#818c18 rgb(129,140,24)
```
#909c1a
```
#909c1a rgb(144,156,26)
```
#a0ad1d
```
#a0ad1d rgb(160,173,29)
```
#afbe20
```
#afbe20 rgb(175,190,32)
```
#becf23
```
#becf23 rgb(190,207,35)
```

Shade Color Variation

#cadb2a
```
#cadb2a rgb(202,219,42)
```
#cede3b
```
#cede3b rgb(206,222,59)
```
#d3e14c
```
#d3e14c rgb(211,225,76)
```
#d7e45c
```
#d7e45c rgb(215,228,92)
```
#dbe66d
```
#dbe66d rgb(219,230,109)
```
#dfe97e
```
#dfe97e rgb(223,233,126)
```
#e3ec8f
```
#e3ec8f rgb(227,236,143)
```
#e7efa0
```
#e7efa0 rgb(231,239,160)
```
#ecf2b0
```
#ecf2b0 rgb(236,242,176)
```
#f0f5c1
```
#f0f5c1 rgb(240,245,193)
```
#f4f7d2
```
#f4f7d2 rgb(244,247,210)
```
#f8fae3
```
#f8fae3 rgb(248,250,227)
```
#fcfdf4
```
#fcfdf4 rgb(252,253,244)
```

Tint Color Variation

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

#71716d
```
#71716d rgb(113,113,109)
```
#787a64
```
#787a64 rgb(120,122,100)
```
#7f825c
```
#7f825c rgb(127,130,92)
```
#858b53
```
#858b53 rgb(133,139,83)
```
#8c934b
```
#8c934b rgb(140,147,75)
```
#939c42
```
#939c42 rgb(147,156,66)
```
#9aa43a
```
#9aa43a rgb(154,164,58)
```
#a1ad31
```
#a1ad31 rgb(161,173,49)
```
#a8b529
```
#a8b529 rgb(168,181,41)
```
#afbe20
```
#afbe20 rgb(175,190,32)
```
#b6c717
```
#b6c717 rgb(182,199,23)
```
#bdcf0f
```
#bdcf0f rgb(189,207,15)
```
#c4d806
```
#c4d806 rgb(196,216,6)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9ac8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb829 Protanopia 1% of men
#e5af37 Deuteranopia 1% of men
#c1b4c1 Tritanopia 0.001% of the population

Trichromacy

#c3ba25 Protanomaly 1% of men, 0.01% of women
#d1b52e Deuteranomaly 6% of men, 0.4% of women
#bab886 Tritanomaly 0.01% of the population

#afbe20 hex color

#afbe20 Color Information

#afbe20 Color Conversion

Color Schemes with #afbe20

Alternatives to #afbe20

#afbe20 Preview

Shades and Tints of #afbe20

Tones of #afbe20

Color Blindness Simulator