#afbe1f hex color

In a RGB color space, hex #afbe1f is composed of 68.6% red, 74.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 83.7% yellow and 25.5% black. It has a hue angle of 65.7 degrees, a saturation of 71.9% and a lightness of 43.3%. #afbe1f color hex could be obtained by blending #ffff3e with #5f7d00. Closest websafe color is: #99cc33.

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

● #afbe1f color description : Strong yellow.

The hexadecimal color #afbe1f has RGB values of R:175, G:190, B:31 and CMYK values of C:0.08, M:0, Y:0.84, K:0.25. Its decimal value is 11517471.

Hex triplet	afbe1f	`#afbe1f`
RGB Decimal	175, 190, 31	`rgb(175,190,31)`
RGB Percent	68.6, 74.5, 12.2	`rgb(68.6%,74.5%,12.2%)`
CMYK	8, 0, 84, 25
HSL	65.7°, 71.9, 43.3	`hsl(65.7,71.9%,43.3%)`
HSV (or HSB)	65.7°, 83.7, 74.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.571, -23.186, 69.74
XYZ	36.34, 46.04, 8.269
xyY	0.401, 0.508, 46.04
CIE-LCH	73.571, 73.493, 108.39
CIE-LUV	73.571, -4.282, 79.251
Hunter-Lab	67.853, -23.143, 40.272
Binary	10101111, 10111110, 00011111

#afbe1f
```
#afbe1f rgb(175,190,31)
```
#2e1fbe
```
#2e1fbe rgb(46,31,190)
```

Complementary Color

#be7e1f
```
#be7e1f rgb(190,126,31)
```
#afbe1f
```
#afbe1f rgb(175,190,31)
```
#60be1f
```
#60be1f rgb(96,190,31)
```

Analogous Color

#7e1fbe
```
#7e1fbe rgb(126,31,190)
```
#afbe1f
```
#afbe1f rgb(175,190,31)
```
#1f60be
```
#1f60be rgb(31,96,190)
```

Split Complementary Color

#be1faf
```
#be1faf rgb(190,31,175)
```
#afbe1f
```
#afbe1f rgb(175,190,31)
```
#1fafbe
```
#1fafbe rgb(31,175,190)
```

Triadic Color

#be2e1f
```
#be2e1f rgb(190,46,31)
```
#afbe1f
```
#afbe1f rgb(175,190,31)
```
#1fafbe
```
#1fafbe rgb(31,175,190)
```
#2e1fbe
```
#2e1fbe rgb(46,31,190)
```

Tetradic Color

#727c14
```
#727c14 rgb(114,124,20)
```
#879218
```
#879218 rgb(135,146,24)
```
#9ba81b
```
#9ba81b rgb(155,168,27)
```
#afbe1f
```
#afbe1f rgb(175,190,31)
```
#c3d423
```
#c3d423 rgb(195,212,35)
```
#cdde32
```
#cdde32 rgb(205,222,50)
```
#d3e148
```
#d3e148 rgb(211,225,72)
```

Monochromatic Color

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

#bea51f
```
#bea51f rgb(190,165,31)
```
#beb31f
```
#beb31f rgb(190,179,31)
```
#bcbe1f
```
#bcbe1f rgb(188,190,31)
```
#afbe1f
```
#afbe1f rgb(175,190,31)
```
#a2be1f
```
#a2be1f rgb(162,190,31)
```
#95be1f
```
#95be1f rgb(149,190,31)
```
#87be1f
```
#87be1f rgb(135,190,31)
```

Similar Colors

Text with hexadecimal color #afbe1f

This text has a font color of #afbe1f.

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

#afbe1f background color

This paragraph has a background color of #afbe1f.

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

#afbe1f border color

This element has a border color of #afbe1f.

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

CSS codes

.text {color:#afbe1f;}

.background {background-color:#afbe1f;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#141503
```
#141503 rgb(20,21,3)
```
#232606
```
#232606 rgb(35,38,6)
```
#333709
```
#333709 rgb(51,55,9)
```
#42480c
```
#42480c rgb(66,72,12)
```
#52590e
```
#52590e rgb(82,89,14)
```
#616a11
```
#616a11 rgb(97,106,17)
```
#717b14
```
#717b14 rgb(113,123,20)
```
#808b17
```
#808b17 rgb(128,139,23)
```
#909c19
```
#909c19 rgb(144,156,25)
```
#9fad1c
```
#9fad1c rgb(159,173,28)
```
#afbe1f
```
#afbe1f rgb(175,190,31)
```
#bfcf22
```
#bfcf22 rgb(191,207,34)
```

Shade Color Variation

#cbdc28
```
#cbdc28 rgb(203,220,40)
```
#cfdf39
```
#cfdf39 rgb(207,223,57)
```
#d3e14a
```
#d3e14a rgb(211,225,74)
```
#d7e45b
```
#d7e45b rgb(215,228,91)
```
#dbe76c
```
#dbe76c rgb(219,231,108)
```
#dfea7d
```
#dfea7d rgb(223,234,125)
```
#e4ec8d
```
#e4ec8d rgb(228,236,141)
```
#e8ef9e
```
#e8ef9e rgb(232,239,158)
```
#ecf2af
```
#ecf2af rgb(236,242,175)
```
#f0f5c0
```
#f0f5c0 rgb(240,245,192)
```
#f4f7d1
```
#f4f7d1 rgb(244,247,209)
```
#f8fae2
```
#f8fae2 rgb(248,250,226)
```
#fcfdf3
```
#fcfdf3 rgb(252,253,243)
```

Tint Color Variation

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

#71726c
```
#71726c rgb(113,114,108)
```
#787a63
```
#787a63 rgb(120,122,99)
```
#7f835b
```
#7f835b rgb(127,131,91)
```
#868b52
```
#868b52 rgb(134,139,82)
```
#8d944a
```
#8d944a rgb(141,148,74)
```
#939c41
```
#939c41 rgb(147,156,65)
```
#9aa539
```
#9aa539 rgb(154,165,57)
```
#a1ad30
```
#a1ad30 rgb(161,173,48)
```
#a8b628
```
#a8b628 rgb(168,182,40)
```
#afbe1f
```
#afbe1f rgb(175,190,31)
```
#b6c717
```
#b6c717 rgb(182,199,23)
```
#bdcf0e
```
#bdcf0e rgb(189,207,14)
```
#c4d805
```
#c4d805 rgb(196,216,5)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9ac8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb828 Protanopia 1% of men
#e5af36 Deuteranopia 1% of men
#c1b4c1 Tritanopia 0.001% of the population

Trichromacy

#c3ba24 Protanomaly 1% of men, 0.01% of women
#d1b52d Deuteranomaly 6% of men, 0.4% of women
#bab886 Tritanomaly 0.01% of the population

#afbe1f hex color

#afbe1f Color Information

#afbe1f Color Conversion

Color Schemes with #afbe1f

Alternatives to #afbe1f

#afbe1f Preview

Shades and Tints of #afbe1f

Tones of #afbe1f

Color Blindness Simulator