#afbe40 hex color

In a RGB color space, hex #afbe40 is composed of 68.6% red, 74.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 66.3% yellow and 25.5% black. It has a hue angle of 67.1 degrees, a saturation of 49.6% and a lightness of 49.8%. #afbe40 color hex could be obtained by blending #ffff80 with #5f7d00. Closest websafe color is: #99cc33.

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

● #afbe40 color description : Moderate yellow.

The hexadecimal color #afbe40 has RGB values of R:175, G:190, B:64 and CMYK values of C:0.08, M:0, Y:0.66, K:0.25. Its decimal value is 11517504.

Hex triplet	afbe40	`#afbe40`
RGB Decimal	175, 190, 64	`rgb(175,190,64)`
RGB Percent	68.6, 74.5, 25.1	`rgb(68.6%,74.5%,25.1%)`
CMYK	8, 0, 66, 25
HSL	67.1°, 49.6, 49.8	`hsl(67.1,49.6%,49.8%)`
HSV (or HSB)	67.1°, 66.3, 74.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.747, -21.699, 59.277
XYZ	37.018, 46.311, 11.839
xyY	0.389, 0.487, 46.311
CIE-LCH	73.747, 63.124, 110.106
CIE-LUV	73.747, -4.639, 71.843
Hunter-Lab	68.052, -21.995, 37.322
Binary	10101111, 10111110, 01000000

#afbe40
```
#afbe40 rgb(175,190,64)
```
#4f40be
```
#4f40be rgb(79,64,190)
```

Complementary Color

#be8e40
```
#be8e40 rgb(190,142,64)
```
#afbe40
```
#afbe40 rgb(175,190,64)
```
#70be40
```
#70be40 rgb(112,190,64)
```

Analogous Color

#8e40be
```
#8e40be rgb(142,64,190)
```
#afbe40
```
#afbe40 rgb(175,190,64)
```
#4070be
```
#4070be rgb(64,112,190)
```

Split Complementary Color

#be40af
```
#be40af rgb(190,64,175)
```
#afbe40
```
#afbe40 rgb(175,190,64)
```
#40afbe
```
#40afbe rgb(64,175,190)
```

Triadic Color

#be4f40
```
#be4f40 rgb(190,79,64)
```
#afbe40
```
#afbe40 rgb(175,190,64)
```
#40afbe
```
#40afbe rgb(64,175,190)
```
#4f40be
```
#4f40be rgb(79,64,190)
```

Tetradic Color

#7a852d
```
#7a852d rgb(122,133,45)
```
#8c9833
```
#8c9833 rgb(140,152,51)
```
#9dab3a
```
#9dab3a rgb(157,171,58)
```
#afbe40
```
#afbe40 rgb(175,190,64)
```
#b7c553
```
#b7c553 rgb(183,197,83)
```
#bfcb66
```
#bfcb66 rgb(191,203,102)
```
#c7d279
```
#c7d279 rgb(199,210,121)
```

Monochromatic Color

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

#beae40
```
#beae40 rgb(190,174,64)
```
#beb840
```
#beb840 rgb(190,184,64)
```
#babe40
```
#babe40 rgb(186,190,64)
```
#afbe40
```
#afbe40 rgb(175,190,64)
```
#a5be40
```
#a5be40 rgb(165,190,64)
```
#9abe40
```
#9abe40 rgb(154,190,64)
```
#90be40
```
#90be40 rgb(144,190,64)
```

Similar Colors

Text with hexadecimal color #afbe40

This text has a font color of #afbe40.

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

#afbe40 background color

This paragraph has a background color of #afbe40.

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

#afbe40 border color

This element has a border color of #afbe40.

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

CSS codes

.text {color:#afbe40;}

.background {background-color:#afbe40;}

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

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

#0d0e05
```
#0d0e05 rgb(13,14,5)
```
#1a1d0a
```
#1a1d0a rgb(26,29,10)
```
#282b0f
```
#282b0f rgb(40,43,15)
```
#353a14
```
#353a14 rgb(53,58,20)
```
#434918
```
#434918 rgb(67,73,24)
```
#50571d
```
#50571d rgb(80,87,29)
```
#5e6622
```
#5e6622 rgb(94,102,34)
```
#6b7527
```
#6b7527 rgb(107,117,39)
```
#79832c
```
#79832c rgb(121,131,44)
```
#869231
```
#869231 rgb(134,146,49)
```
#94a136
```
#94a136 rgb(148,161,54)
```
#a1af3b
```
#a1af3b rgb(161,175,59)
```
#afbe40
```
#afbe40 rgb(175,190,64)
```

Shade Color Variation

#b5c34e
```
#b5c34e rgb(181,195,78)
```
#bcc85d
```
#bcc85d rgb(188,200,93)
```
#c2cd6c
```
#c2cd6c rgb(194,205,108)
```
#c8d27a
```
#c8d27a rgb(200,210,122)
```
#ced789
```
#ced789 rgb(206,215,137)
```
#d4dc98
```
#d4dc98 rgb(212,220,152)
```
#dae1a6
```
#dae1a6 rgb(218,225,166)
```
#e0e6b5
```
#e0e6b5 rgb(224,230,181)
```
#e6ebc4
```
#e6ebc4 rgb(230,235,196)
```
#ecf0d2
```
#ecf0d2 rgb(236,240,210)
```
#f2f5e1
```
#f2f5e1 rgb(242,245,225)
```
#f9faf0
```
#f9faf0 rgb(249,250,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#82837b
```
#82837b rgb(130,131,123)
```
#8a8d71
```
#8a8d71 rgb(138,141,113)
```
#919767
```
#919767 rgb(145,151,103)
```
#99a15d
```
#99a15d rgb(153,161,93)
```
#a0aa54
```
#a0aa54 rgb(160,170,84)
```
#a8b44a
```
#a8b44a rgb(168,180,74)
```
#afbe40
```
#afbe40 rgb(175,190,64)
```
#b6c836
```
#b6c836 rgb(182,200,54)
```
#bed22c
```
#bed22c rgb(190,210,44)
```
#c5db23
```
#c5db23 rgb(197,219,35)
```
#cde519
```
#cde519 rgb(205,229,25)
```
#d4ef0f
```
#d4ef0f rgb(212,239,15)
```
#dcf905
```
#dcf905 rgb(220,249,5)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acaf96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb947 Protanopia 1% of men
#e3b050 Deuteranopia 1% of men
#c0b5c2 Tritanopia 0.001% of the population

Trichromacy

#c2bb44 Protanomaly 1% of men, 0.01% of women
#d0b54a Deuteranomaly 6% of men, 0.4% of women
#bab893 Tritanomaly 0.01% of the population

#afbe40 hex color

#afbe40 Color Information

#afbe40 Color Conversion

Color Schemes with #afbe40

Alternatives to #afbe40

#afbe40 Preview

Shades and Tints of #afbe40

Tones of #afbe40

Color Blindness Simulator