#afbc54 hex color

In a RGB color space, hex #afbc54 is composed of 68.6% red, 73.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 55.3% yellow and 26.3% black. It has a hue angle of 67.5 degrees, a saturation of 43.7% and a lightness of 53.3%. #afbc54 color hex could be obtained by blending #ffffa8 with #5f7900. Closest websafe color is: #99cc66.

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

● #afbc54 color description : Moderate yellow.

The hexadecimal color #afbc54 has RGB values of R:175, G:188, B:84 and CMYK values of C:0.07, M:0, Y:0.55, K:0.26. Its decimal value is 11517012.

Hex triplet	afbc54	`#afbc54`
RGB Decimal	175, 188, 84	`rgb(175,188,84)`
RGB Percent	68.6, 73.7, 32.9	`rgb(68.6%,73.7%,32.9%)`
CMYK	7, 0, 55, 26
HSL	67.5°, 43.7, 53.3	`hsl(67.5,43.7%,53.3%)`
HSV (or HSB)	67.5°, 55.3, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.364, -19.246, 50.214
XYZ	37.262, 45.721, 15.249
xyY	0.379, 0.465, 45.721
CIE-LCH	73.364, 53.776, 110.971
CIE-LUV	73.364, -3.788, 63.787
Hunter-Lab	67.617, -19.962, 33.961
Binary	10101111, 10111100, 01010100

#afbc54
```
#afbc54 rgb(175,188,84)
```
#6154bc
```
#6154bc rgb(97,84,188)
```

Complementary Color

#bc9554
```
#bc9554 rgb(188,149,84)
```
#afbc54
```
#afbc54 rgb(175,188,84)
```
#7bbc54
```
#7bbc54 rgb(123,188,84)
```

Analogous Color

#9554bc
```
#9554bc rgb(149,84,188)
```
#afbc54
```
#afbc54 rgb(175,188,84)
```
#547bbc
```
#547bbc rgb(84,123,188)
```

Split Complementary Color

#bc54af
```
#bc54af rgb(188,84,175)
```
#afbc54
```
#afbc54 rgb(175,188,84)
```
#54afbc
```
#54afbc rgb(84,175,188)
```

Triadic Color

#bc6154
```
#bc6154 rgb(188,97,84)
```
#afbc54
```
#afbc54 rgb(175,188,84)
```
#54afbc
```
#54afbc rgb(84,175,188)
```
#6154bc
```
#6154bc rgb(97,84,188)
```

Tetradic Color

#828c37
```
#828c37 rgb(130,140,55)
```
#939f3e
```
#939f3e rgb(147,159,62)
```
#a4b145
```
#a4b145 rgb(164,177,69)
```
#afbc54
```
#afbc54 rgb(175,188,84)
```
#b8c366
```
#b8c366 rgb(184,195,102)
```
#c0ca79
```
#c0ca79 rgb(192,202,121)
```
#c9d28b
```
#c9d28b rgb(201,210,139)
```

Monochromatic Color

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

#bcaf54
```
#bcaf54 rgb(188,175,84)
```
#bcb854
```
#bcb854 rgb(188,184,84)
```
#b8bc54
```
#b8bc54 rgb(184,188,84)
```
#afbc54
```
#afbc54 rgb(175,188,84)
```
#a6bc54
```
#a6bc54 rgb(166,188,84)
```
#9ebc54
```
#9ebc54 rgb(158,188,84)
```
#95bc54
```
#95bc54 rgb(149,188,84)
```

Similar Colors

Text with hexadecimal color #afbc54

This text has a font color of #afbc54.

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

#afbc54 background color

This paragraph has a background color of #afbc54.

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

#afbc54 border color

This element has a border color of #afbc54.

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

CSS codes

.text {color:#afbc54;}

.background {background-color:#afbc54;}

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

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

#0b0c05
```
#0b0c05 rgb(11,12,5)
```
#181a0a
```
#181a0a rgb(24,26,10)
```
#252810
```
#252810 rgb(37,40,16)
```
#323615
```
#323615 rgb(50,54,21)
```
#3f451b
```
#3f451b rgb(63,69,27)
```
#4c5320
```
#4c5320 rgb(76,83,32)
```
#596126
```
#596126 rgb(89,97,38)
```
#666f2b
```
#666f2b rgb(102,111,43)
```
#737d31
```
#737d31 rgb(115,125,49)
```
#808b36
```
#808b36 rgb(128,139,54)
```
#8e993c
```
#8e993c rgb(142,153,60)
```
#9ba742
```
#9ba742 rgb(155,167,66)
```
#a8b547
```
#a8b547 rgb(168,181,71)
```

Shade Color Variation

#afbc54
```
#afbc54 rgb(175,188,84)
```
#b6c262
```
#b6c262 rgb(182,194,98)
```
#bcc770
```
#bcc770 rgb(188,199,112)
```
#c3cd7e
```
#c3cd7e rgb(195,205,126)
```
#c9d28c
```
#c9d28c rgb(201,210,140)
```
#d0d89a
```
#d0d89a rgb(208,216,154)
```
#d7dda9
```
#d7dda9 rgb(215,221,169)
```
#dde3b7
```
#dde3b7 rgb(221,227,183)
```
#e4e8c5
```
#e4e8c5 rgb(228,232,197)
```
#eaeed3
```
#eaeed3 rgb(234,238,211)
```
#f1f3e1
```
#f1f3e1 rgb(241,243,225)
```
#f8f9ef
```
#f8f9ef rgb(248,249,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#8d8e82
```
#8d8e82 rgb(141,142,130)
```
#949779
```
#949779 rgb(148,151,121)
```
#9aa16f
```
#9aa16f rgb(154,161,111)
```
#a1aa66
```
#a1aa66 rgb(161,170,102)
```
#a8b35d
```
#a8b35d rgb(168,179,93)
```
#afbc54
```
#afbc54 rgb(175,188,84)
```
#b6c54b
```
#b6c54b rgb(182,197,75)
```
#bdce42
```
#bdce42 rgb(189,206,66)
```
#c4d739
```
#c4d739 rgb(196,215,57)
```
#cae12f
```
#cae12f rgb(202,225,47)
```
#d1ea26
```
#d1ea26 rgb(209,234,38)
```
#d8f31d
```
#d8f31d rgb(216,243,29)
```
#dffc14
```
#dffc14 rgb(223,252,20)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adaf9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb85a Protanopia 1% of men
#e0af62 Deuteranopia 1% of men
#bfb4c1 Tritanopia 0.001% of the population

Trichromacy

#c0b958 Protanomaly 1% of men, 0.01% of women
#ceb45d Deuteranomaly 6% of men, 0.4% of women
#b9b799 Tritanomaly 0.01% of the population

#afbc54 hex color

#afbc54 Color Information

#afbc54 Color Conversion

Color Schemes with #afbc54

Alternatives to #afbc54

#afbc54 Preview

Shades and Tints of #afbc54

Tones of #afbc54

Color Blindness Simulator