#afbe54 hex color

In a RGB color space, hex #afbe54 is composed of 68.6% red, 74.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 55.8% yellow and 25.5% black. It has a hue angle of 68.5 degrees, a saturation of 44.9% and a lightness of 53.7%. #afbe54 color hex could be obtained by blending #ffffa8 with #5f7d00. Closest websafe color is: #99cc66.

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

● #afbe54 color description : Moderate yellow.

The hexadecimal color #afbe54 has RGB values of R:175, G:190, B:84 and CMYK values of C:0.08, M:0, Y:0.56, K:0.25. Its decimal value is 11517524.

Hex triplet	afbe54	`#afbe54`
RGB Decimal	175, 190, 84	`rgb(175,190,84)`
RGB Percent	68.6, 74.5, 32.9	`rgb(68.6%,74.5%,32.9%)`
CMYK	8, 0, 56, 25
HSL	68.5°, 44.9, 53.7	`hsl(68.5,44.9%,53.7%)`
HSV (or HSB)	68.5°, 55.8, 74.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.921, -20.244, 50.849
XYZ	37.693, 46.581, 15.392
xyY	0.378, 0.467, 46.581
CIE-LCH	73.921, 54.731, 111.709
CIE-LUV	73.921, -4.981, 64.733
Hunter-Lab	68.25, -20.858, 34.404
Binary	10101111, 10111110, 01010100

#afbe54
```
#afbe54 rgb(175,190,84)
```
#6354be
```
#6354be rgb(99,84,190)
```

Complementary Color

#be9854
```
#be9854 rgb(190,152,84)
```
#afbe54
```
#afbe54 rgb(175,190,84)
```
#7abe54
```
#7abe54 rgb(122,190,84)
```

Analogous Color

#9854be
```
#9854be rgb(152,84,190)
```
#afbe54
```
#afbe54 rgb(175,190,84)
```
#547abe
```
#547abe rgb(84,122,190)
```

Split Complementary Color

#be54af
```
#be54af rgb(190,84,175)
```
#afbe54
```
#afbe54 rgb(175,190,84)
```
#54afbe
```
#54afbe rgb(84,175,190)
```

Triadic Color

#be6354
```
#be6354 rgb(190,99,84)
```
#afbe54
```
#afbe54 rgb(175,190,84)
```
#54afbe
```
#54afbe rgb(84,175,190)
```
#6354be
```
#6354be rgb(99,84,190)
```

Tetradic Color

#838f36
```
#838f36 rgb(131,143,54)
```
#93a23d
```
#93a23d rgb(147,162,61)
```
#a4b444
```
#a4b444 rgb(164,180,68)
```
#afbe54
```
#afbe54 rgb(175,190,84)
```
#b8c566
```
#b8c566 rgb(184,197,102)
```
#c0cc79
```
#c0cc79 rgb(192,204,121)
```
#c9d38b
```
#c9d38b rgb(201,211,139)
```

Monochromatic Color

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

#beb354
```
#beb354 rgb(190,179,84)
```
#bebb54
```
#bebb54 rgb(190,187,84)
```
#b8be54
```
#b8be54 rgb(184,190,84)
```
#afbe54
```
#afbe54 rgb(175,190,84)
```
#a6be54
```
#a6be54 rgb(166,190,84)
```
#9dbe54
```
#9dbe54 rgb(157,190,84)
```
#95be54
```
#95be54 rgb(149,190,84)
```

Similar Colors

Text with hexadecimal color #afbe54

This text has a font color of #afbe54.

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

#afbe54 background color

This paragraph has a background color of #afbe54.

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

#afbe54 border color

This element has a border color of #afbe54.

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

CSS codes

.text {color:#afbe54;}

.background {background-color:#afbe54;}

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

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 #ffffff is the lightest one.

#0d0e05
```
#0d0e05 rgb(13,14,5)
```
#1a1c0b
```
#1a1c0b rgb(26,28,11)
```
#262a10
```
#262a10 rgb(38,42,16)
```
#333815
```
#333815 rgb(51,56,21)
```
#40471b
```
#40471b rgb(64,71,27)
```
#4d5520
```
#4d5520 rgb(77,85,32)
```
#5a6326
```
#5a6326 rgb(90,99,38)
```
#67712b
```
#67712b rgb(103,113,43)
```
#747f30
```
#747f30 rgb(116,127,48)
```
#818e36
```
#818e36 rgb(129,142,54)
```
#8e9c3b
```
#8e9c3b rgb(142,156,59)
```
#9baa41
```
#9baa41 rgb(155,170,65)
```
#a8b846
```
#a8b846 rgb(168,184,70)
```

Shade Color Variation

#afbe54
```
#afbe54 rgb(175,190,84)
```
#b6c362
```
#b6c362 rgb(182,195,98)
```
#bcc970
```
#bcc970 rgb(188,201,112)
```
#c3ce7f
```
#c3ce7f rgb(195,206,127)
```
#cad48d
```
#cad48d rgb(202,212,141)
```
#d0d99b
```
#d0d99b rgb(208,217,155)
```
#d7dea9
```
#d7dea9 rgb(215,222,169)
```
#dee4b7
```
#dee4b7 rgb(222,228,183)
```
#e4e9c6
```
#e4e9c6 rgb(228,233,198)
```
#ebefd4
```
#ebefd4 rgb(235,239,212)
```
#f1f4e2
```
#f1f4e2 rgb(241,244,226)
```
#f8f9f0
```
#f8f9f0 rgb(248,249,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8e9181
```
#8e9181 rgb(142,145,129)
```
#959a78
```
#959a78 rgb(149,154,120)
```
#9ba36f
```
#9ba36f rgb(155,163,111)
```
#a2ac66
```
#a2ac66 rgb(162,172,102)
```
#a8b55d
```
#a8b55d rgb(168,181,93)
```
#afbe54
```
#afbe54 rgb(175,190,84)
```
#b6c74b
```
#b6c74b rgb(182,199,75)
```
#bcd042
```
#bcd042 rgb(188,208,66)
```
#c3d939
```
#c3d939 rgb(195,217,57)
```
#c9e230
```
#c9e230 rgb(201,226,48)
```
#d0eb27
```
#d0eb27 rgb(208,235,39)
```
#d6f41e
```
#d6f41e rgb(214,244,30)
```
#ddfe14
```
#ddfe14 rgb(221,254,20)
```

Tone Color Variation

Below, you can see how #afbe54 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
#adb09b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb95a Protanopia 1% of men
#e2b162 Deuteranopia 1% of men
#bfb6c3 Tritanopia 0.001% of the population

Trichromacy

#c2bb58 Protanomaly 1% of men, 0.01% of women
#cfb55d Deuteranomaly 6% of men, 0.4% of women
#b9b99a Tritanomaly 0.01% of the population

#afbe54 hex color

#afbe54 Color Information

#afbe54 Color Conversion

Color Schemes with #afbe54

Alternatives to #afbe54

#afbe54 Preview

Shades and Tints of #afbe54

Tones of #afbe54

Color Blindness Simulator