#afbe2f hex color

In a RGB color space, hex #afbe2f is composed of 68.6% red, 74.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 75.3% yellow and 25.5% black. It has a hue angle of 66.3 degrees, a saturation of 60.3% and a lightness of 46.5%. #afbe2f color hex could be obtained by blending #ffff5e with #5f7d00. Closest websafe color is: #99cc33.

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

● #afbe2f color description : Strong yellow.

The hexadecimal color #afbe2f has RGB values of R:175, G:190, B:47 and CMYK values of C:0.08, M:0, Y:0.75, K:0.25. Its decimal value is 11517487.

Hex triplet	afbe2f	`#afbe2f`
RGB Decimal	175, 190, 47	`rgb(175,190,47)`
RGB Percent	68.6, 74.5, 18.4	`rgb(68.6%,74.5%,18.4%)`
CMYK	8, 0, 75, 25
HSL	66.3°, 60.3, 46.5	`hsl(66.3,60.3%,46.5%)`
HSV (or HSB)	66.3°, 75.3, 74.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.64, -22.6, 65.327
XYZ	36.606, 46.146, 9.668
xyY	0.396, 0.499, 46.146
CIE-LCH	73.64, 69.126, 109.083
CIE-LUV	73.64, -4.423, 76.315
Hunter-Lab	67.931, -22.692, 39.114
Binary	10101111, 10111110, 00101111

#afbe2f
```
#afbe2f rgb(175,190,47)
```
#3e2fbe
```
#3e2fbe rgb(62,47,190)
```

Complementary Color

#be862f
```
#be862f rgb(190,134,47)
```
#afbe2f
```
#afbe2f rgb(175,190,47)
```
#68be2f
```
#68be2f rgb(104,190,47)
```

Analogous Color

#862fbe
```
#862fbe rgb(134,47,190)
```
#afbe2f
```
#afbe2f rgb(175,190,47)
```
#2f68be
```
#2f68be rgb(47,104,190)
```

Split Complementary Color

#be2faf
```
#be2faf rgb(190,47,175)
```
#afbe2f
```
#afbe2f rgb(175,190,47)
```
#2fafbe
```
#2fafbe rgb(47,175,190)
```

Triadic Color

#be3e2f
```
#be3e2f rgb(190,62,47)
```
#afbe2f
```
#afbe2f rgb(175,190,47)
```
#2fafbe
```
#2fafbe rgb(47,175,190)
```
#3e2fbe
```
#3e2fbe rgb(62,47,190)
```

Tetradic Color

#778120
```
#778120 rgb(119,129,32)
```
#899525
```
#899525 rgb(137,149,37)
```
#9caa2a
```
#9caa2a rgb(156,170,42)
```
#afbe2f
```
#afbe2f rgb(175,190,47)
```
#bece39
```
#bece39 rgb(190,206,57)
```
#c5d34d
```
#c5d34d rgb(197,211,77)
```
#ccd861
```
#ccd861 rgb(204,216,97)
```

Monochromatic Color

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

#bea92f
```
#bea92f rgb(190,169,47)
```
#beb52f
```
#beb52f rgb(190,181,47)
```
#bbbe2f
```
#bbbe2f rgb(187,190,47)
```
#afbe2f
```
#afbe2f rgb(175,190,47)
```
#a3be2f
```
#a3be2f rgb(163,190,47)
```
#97be2f
```
#97be2f rgb(151,190,47)
```
#8bbe2f
```
#8bbe2f rgb(139,190,47)
```

Similar Colors

Text with hexadecimal color #afbe2f

This text has a font color of #afbe2f.

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

#afbe2f background color

This paragraph has a background color of #afbe2f.

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

#afbe2f border color

This element has a border color of #afbe2f.

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

CSS codes

.text {color:#afbe2f;}

.background {background-color:#afbe2f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#101104
```
#101104 rgb(16,17,4)
```
#1e2108
```
#1e2108 rgb(30,33,8)
```
#2d300c
```
#2d300c rgb(45,48,12)
```
#3b4010
```
#3b4010 rgb(59,64,16)
```
#4a5014
```
#4a5014 rgb(74,80,20)
```
#586018
```
#586018 rgb(88,96,24)
```
#676f1c
```
#676f1c rgb(103,111,28)
```
#757f1f
```
#757f1f rgb(117,127,31)
```
#848f23
```
#848f23 rgb(132,143,35)
```
#929f27
```
#929f27 rgb(146,159,39)
```
#a1ae2b
```
#a1ae2b rgb(161,174,43)
```
#afbe2f
```
#afbe2f rgb(175,190,47)
```

Shade Color Variation

#bdcd34
```
#bdcd34 rgb(189,205,52)
```
#c2d144
```
#c2d144 rgb(194,209,68)
```
#c7d553
```
#c7d553 rgb(199,213,83)
```
#ccd863
```
#ccd863 rgb(204,216,99)
```
#d1dc73
```
#d1dc73 rgb(209,220,115)
```
#d6e082
```
#d6e082 rgb(214,224,130)
```
#dce492
```
#dce492 rgb(220,228,146)
```
#e1e8a2
```
#e1e8a2 rgb(225,232,162)
```
#e6ecb2
```
#e6ecb2 rgb(230,236,178)
```
#ebf0c1
```
#ebf0c1 rgb(235,240,193)
```
#f0f4d1
```
#f0f4d1 rgb(240,244,209)
```
#f5f8e1
```
#f5f8e1 rgb(245,248,225)
```
#fafbf1
```
#fafbf1 rgb(250,251,241)
```

Tint Color Variation

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

#7d7e6f
```
#7d7e6f rgb(125,126,111)
```
#848766
```
#848766 rgb(132,135,102)
```
#8b905d
```
#8b905d rgb(139,144,93)
```
#929a53
```
#929a53 rgb(146,154,83)
```
#99a34a
```
#99a34a rgb(153,163,74)
```
#a1ac41
```
#a1ac41 rgb(161,172,65)
```
#a8b538
```
#a8b538 rgb(168,181,56)
```
#afbe2f
```
#afbe2f rgb(175,190,47)
```
#b6c726
```
#b6c726 rgb(182,199,38)
```
#bdd01d
```
#bdd01d rgb(189,208,29)
```
#c5d914
```
#c5d914 rgb(197,217,20)
```
#cce20b
```
#cce20b rgb(204,226,11)
```
#d3ec01
```
#d3ec01 rgb(211,236,1)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aaad91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb937 Protanopia 1% of men
#e4b042 Deuteranopia 1% of men
#c1b5c1 Tritanopia 0.001% of the population

Trichromacy

#c2ba34 Protanomaly 1% of men, 0.01% of women
#d1b53b Deuteranomaly 6% of men, 0.4% of women
#bab88c Tritanomaly 0.01% of the population

#afbe2f hex color

#afbe2f Color Information

#afbe2f Color Conversion

Color Schemes with #afbe2f

Alternatives to #afbe2f

#afbe2f Preview

Shades and Tints of #afbe2f

Tones of #afbe2f

Color Blindness Simulator