#afbe50 hex color

In a RGB color space, hex #afbe50 is composed of 68.6% red, 74.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 57.9% yellow and 25.5% black. It has a hue angle of 68.2 degrees, a saturation of 45.8% and a lightness of 52.9%. #afbe50 color hex could be obtained by blending #ffffa0 with #5f7d00. Closest websafe color is: #99cc66.

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

● #afbe50 color description : Moderate yellow.

The hexadecimal color #afbe50 has RGB values of R:175, G:190, B:80 and CMYK values of C:0.08, M:0, Y:0.58, K:0.25. Its decimal value is 11517520.

Hex triplet	afbe50	`#afbe50`
RGB Decimal	175, 190, 80	`rgb(175,190,80)`
RGB Percent	68.6, 74.5, 31.4	`rgb(68.6%,74.5%,31.4%)`
CMYK	8, 0, 58, 25
HSL	68.2°, 45.8, 52.9	`hsl(68.2,45.8%,52.9%)`
HSV (or HSB)	68.2°, 57.9, 74.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.882, -20.571, 52.623
XYZ	37.54, 46.52, 14.591
xyY	0.381, 0.472, 46.52
CIE-LCH	73.882, 56.501, 111.351
CIE-LUV	73.882, -4.905, 66.315
Hunter-Lab	68.206, -21.114, 35.061
Binary	10101111, 10111110, 01010000

#afbe50
```
#afbe50 rgb(175,190,80)
```
#5f50be
```
#5f50be rgb(95,80,190)
```

Complementary Color

#be9650
```
#be9650 rgb(190,150,80)
```
#afbe50
```
#afbe50 rgb(175,190,80)
```
#78be50
```
#78be50 rgb(120,190,80)
```

Analogous Color

#9650be
```
#9650be rgb(150,80,190)
```
#afbe50
```
#afbe50 rgb(175,190,80)
```
#5078be
```
#5078be rgb(80,120,190)
```

Split Complementary Color

#be50af
```
#be50af rgb(190,80,175)
```
#afbe50
```
#afbe50 rgb(175,190,80)
```
#50afbe
```
#50afbe rgb(80,175,190)
```

Triadic Color

#be5f50
```
#be5f50 rgb(190,95,80)
```
#afbe50
```
#afbe50 rgb(175,190,80)
```
#50afbe
```
#50afbe rgb(80,175,190)
```
#5f50be
```
#5f50be rgb(95,80,190)
```

Tetradic Color

#818d34
```
#818d34 rgb(129,141,52)
```
#92a03b
```
#92a03b rgb(146,160,59)
```
#a3b242
```
#a3b242 rgb(163,178,66)
```
#afbe50
```
#afbe50 rgb(175,190,80)
```
#b8c563
```
#b8c563 rgb(184,197,99)
```
#c0cc75
```
#c0cc75 rgb(192,204,117)
```
#c9d388
```
#c9d388 rgb(201,211,136)
```

Monochromatic Color

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

#beb250
```
#beb250 rgb(190,178,80)
```
#bebb50
```
#bebb50 rgb(190,187,80)
```
#b8be50
```
#b8be50 rgb(184,190,80)
```
#afbe50
```
#afbe50 rgb(175,190,80)
```
#a6be50
```
#a6be50 rgb(166,190,80)
```
#9dbe50
```
#9dbe50 rgb(157,190,80)
```
#94be50
```
#94be50 rgb(148,190,80)
```

Similar Colors

Text with hexadecimal color #afbe50

This text has a font color of #afbe50.

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

#afbe50 background color

This paragraph has a background color of #afbe50.

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

#afbe50 border color

This element has a border color of #afbe50.

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

CSS codes

.text {color:#afbe50;}

.background {background-color:#afbe50;}

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

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

#0a0b04
```
#0a0b04 rgb(10,11,4)
```
#171909
```
#171909 rgb(23,25,9)
```
#24280f
```
#24280f rgb(36,40,15)
```
#313614
```
#313614 rgb(49,54,20)
```
#3e4419
```
#3e4419 rgb(62,68,25)
```
#4b521f
```
#4b521f rgb(75,82,31)
```
#586124
```
#586124 rgb(88,97,36)
```
#666f29
```
#666f29 rgb(102,111,41)
```
#737d2f
```
#737d2f rgb(115,125,47)
```
#808c34
```
#808c34 rgb(128,140,52)
```
#8d9a39
```
#8d9a39 rgb(141,154,57)
```
#9aa83f
```
#9aa83f rgb(154,168,63)
```
#a7b744
```
#a7b744 rgb(167,183,68)
```

Shade Color Variation

#afbe50
```
#afbe50 rgb(175,190,80)
```
#b6c35e
```
#b6c35e rgb(182,195,94)
```
#bcc96d
```
#bcc96d rgb(188,201,109)
```
#c3ce7b
```
#c3ce7b rgb(195,206,123)
```
#c9d389
```
#c9d389 rgb(201,211,137)
```
#d0d998
```
#d0d998 rgb(208,217,152)
```
#d6dea6
```
#d6dea6 rgb(214,222,166)
```
#dde3b4
```
#dde3b4 rgb(221,227,180)
```
#e3e9c2
```
#e3e9c2 rgb(227,233,194)
```
#eaeed1
```
#eaeed1 rgb(234,238,209)
```
#f0f3df
```
#f0f3df rgb(240,243,223)
```
#f7f8ed
```
#f7f8ed rgb(247,248,237)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#8d907e
```
#8d907e rgb(141,144,126)
```
#949975
```
#949975 rgb(148,153,117)
```
#9ba26c
```
#9ba26c rgb(155,162,108)
```
#a2ac62
```
#a2ac62 rgb(162,172,98)
```
#a8b559
```
#a8b559 rgb(168,181,89)
```
#afbe50
```
#afbe50 rgb(175,190,80)
```
#b6c747
```
#b6c747 rgb(182,199,71)
```
#bcd03e
```
#bcd03e rgb(188,208,62)
```
#c3da34
```
#c3da34 rgb(195,218,52)
```
#cae32b
```
#cae32b rgb(202,227,43)
```
#d1ec22
```
#d1ec22 rgb(209,236,34)
```
#d7f519
```
#d7f519 rgb(215,245,25)
```
#deff0f
```
#deff0f rgb(222,255,15)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adb09a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb956 Protanopia 1% of men
#e2b15f Deuteranopia 1% of men
#c0b6c3 Tritanopia 0.001% of the population

Trichromacy

#c2bb54 Protanomaly 1% of men, 0.01% of women
#cfb559 Deuteranomaly 6% of men, 0.4% of women
#b9b999 Tritanomaly 0.01% of the population

#afbe50 hex color

#afbe50 Color Information

#afbe50 Color Conversion

Color Schemes with #afbe50

Alternatives to #afbe50

#afbe50 Preview

Shades and Tints of #afbe50

Tones of #afbe50

Color Blindness Simulator