#afbe36 hex color

In a RGB color space, hex #afbe36 is composed of 68.6% red, 74.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 71.6% yellow and 25.5% black. It has a hue angle of 66.6 degrees, a saturation of 55.7% and a lightness of 47.8%. #afbe36 color hex could be obtained by blending #ffff6c with #5f7d00. Closest websafe color is: #99cc33.

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

● #afbe36 color description : Moderate yellow.

The hexadecimal color #afbe36 has RGB values of R:175, G:190, B:54 and CMYK values of C:0.08, M:0, Y:0.72, K:0.25. Its decimal value is 11517494.

Hex triplet	afbe36	`#afbe36`
RGB Decimal	175, 190, 54	`rgb(175,190,54)`
RGB Percent	68.6, 74.5, 21.2	`rgb(68.6%,74.5%,21.2%)`
CMYK	8, 0, 72, 25
HSL	66.6°, 55.7, 47.8	`hsl(66.6,55.7%,47.8%)`
HSV (or HSB)	66.6°, 71.6, 74.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.68, -22.265, 62.986
XYZ	36.758, 46.207, 10.472
xyY	0.393, 0.495, 46.207
CIE-LCH	73.68, 66.806, 109.468
CIE-LUV	73.68, -4.504, 74.646
Hunter-Lab	67.976, -22.433, 38.449
Binary	10101111, 10111110, 00110110

#afbe36
```
#afbe36 rgb(175,190,54)
```
#4536be
```
#4536be rgb(69,54,190)
```

Complementary Color

#be8936
```
#be8936 rgb(190,137,54)
```
#afbe36
```
#afbe36 rgb(175,190,54)
```
#6bbe36
```
#6bbe36 rgb(107,190,54)
```

Analogous Color

#8936be
```
#8936be rgb(137,54,190)
```
#afbe36
```
#afbe36 rgb(175,190,54)
```
#366bbe
```
#366bbe rgb(54,107,190)
```

Split Complementary Color

#be36af
```
#be36af rgb(190,54,175)
```
#afbe36
```
#afbe36 rgb(175,190,54)
```
#36afbe
```
#36afbe rgb(54,175,190)
```

Triadic Color

#be4536
```
#be4536 rgb(190,69,54)
```
#afbe36
```
#afbe36 rgb(175,190,54)
```
#36afbe
```
#36afbe rgb(54,175,190)
```
#4536be
```
#4536be rgb(69,54,190)
```

Tetradic Color

#788225
```
#788225 rgb(120,130,37)
```
#8a962b
```
#8a962b rgb(138,150,43)
```
#9daa30
```
#9daa30 rgb(157,170,48)
```
#afbe36
```
#afbe36 rgb(175,190,54)
```
#bbca44
```
#bbca44 rgb(187,202,68)
```
#c2cf58
```
#c2cf58 rgb(194,207,88)
```
#c9d56b
```
#c9d56b rgb(201,213,107)
```

Monochromatic Color

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

#beab36
```
#beab36 rgb(190,171,54)
```
#beb636
```
#beb636 rgb(190,182,54)
```
#babe36
```
#babe36 rgb(186,190,54)
```
#afbe36
```
#afbe36 rgb(175,190,54)
```
#a4be36
```
#a4be36 rgb(164,190,54)
```
#98be36
```
#98be36 rgb(152,190,54)
```
#8dbe36
```
#8dbe36 rgb(141,190,54)
```

Similar Colors

Text with hexadecimal color #afbe36

This text has a font color of #afbe36.

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

#afbe36 background color

This paragraph has a background color of #afbe36.

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

#afbe36 border color

This element has a border color of #afbe36.

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

CSS codes

.text {color:#afbe36;}

.background {background-color:#afbe36;}

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

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

#060702
```
#060702 rgb(6,7,2)
```
#141606
```
#141606 rgb(20,22,6)
```
#22250b
```
#22250b rgb(34,37,11)
```
#30350f
```
#30350f rgb(48,53,15)
```
#3e4413
```
#3e4413 rgb(62,68,19)
```
#4d5318
```
#4d5318 rgb(77,83,24)
```
#5b621c
```
#5b621c rgb(91,98,28)
```
#697220
```
#697220 rgb(105,114,32)
```
#778125
```
#778125 rgb(119,129,37)
```
#859029
```
#859029 rgb(133,144,41)
```
#939f2d
```
#939f2d rgb(147,159,45)
```
#a1af32
```
#a1af32 rgb(161,175,50)
```
#afbe36
```
#afbe36 rgb(175,190,54)
```

Shade Color Variation

#b9c83f
```
#b9c83f rgb(185,200,63)
```
#bfcd4e
```
#bfcd4e rgb(191,205,78)
```
#c4d15e
```
#c4d15e rgb(196,209,94)
```
#cad56d
```
#cad56d rgb(202,213,109)
```
#d0da7c
```
#d0da7c rgb(208,218,124)
```
#d5de8c
```
#d5de8c rgb(213,222,140)
```
#dbe39b
```
#dbe39b rgb(219,227,155)
```
#e0e7aa
```
#e0e7aa rgb(224,231,170)
```
#e6ebb9
```
#e6ebb9 rgb(230,235,185)
```
#ebf0c9
```
#ebf0c9 rgb(235,240,201)
```
#f1f4d8
```
#f1f4d8 rgb(241,244,216)
```
#f6f8e7
```
#f6f8e7 rgb(246,248,231)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#7c7c78
```
#7c7c78 rgb(124,124,120)
```
#83866e
```
#83866e rgb(131,134,110)
```
#8a8f65
```
#8a8f65 rgb(138,143,101)
```
#92985c
```
#92985c rgb(146,152,92)
```
#99a252
```
#99a252 rgb(153,162,82)
```
#a0ab49
```
#a0ab49 rgb(160,171,73)
```
#a8b53f
```
#a8b53f rgb(168,181,63)
```
#afbe36
```
#afbe36 rgb(175,190,54)
```
#b6c72d
```
#b6c72d rgb(182,199,45)
```
#bed123
```
#bed123 rgb(190,209,35)
```
#c5da1a
```
#c5da1a rgb(197,218,26)
```
#cce410
```
#cce410 rgb(204,228,16)
```
#d4ed07
```
#d4ed07 rgb(212,237,7)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abae93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb93e Protanopia 1% of men
#e4b048 Deuteranopia 1% of men
#c1b5c2 Tritanopia 0.001% of the population

Trichromacy

#c2ba3b Protanomaly 1% of men, 0.01% of women
#d1b541 Deuteranomaly 6% of men, 0.4% of women
#bab88f Tritanomaly 0.01% of the population

#afbe36 hex color

#afbe36 Color Information

#afbe36 Color Conversion

Color Schemes with #afbe36

Alternatives to #afbe36

#afbe36 Preview

Shades and Tints of #afbe36

Tones of #afbe36

Color Blindness Simulator