#afbe3f hex color

In a RGB color space, hex #afbe3f is composed of 68.6% red, 74.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 66.8% yellow and 25.5% black. It has a hue angle of 67.1 degrees, a saturation of 50.2% and a lightness of 49.6%. #afbe3f color hex could be obtained by blending #ffff7e with #5f7d00. Closest websafe color is: #99cc33.

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

● #afbe3f color description : Moderate yellow.

The hexadecimal color #afbe3f has RGB values of R:175, G:190, B:63 and CMYK values of C:0.08, M:0, Y:0.67, K:0.25. Its decimal value is 11517503.

Hex triplet	afbe3f	`#afbe3f`
RGB Decimal	175, 190, 63	`rgb(175,190,63)`
RGB Percent	68.6, 74.5, 24.7	`rgb(68.6%,74.5%,24.7%)`
CMYK	8, 0, 67, 25
HSL	67.1°, 50.2, 49.6	`hsl(67.1,50.2%,49.6%)`
HSV (or HSB)	67.1°, 66.8, 74.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.74, -21.761, 59.666
XYZ	36.99, 46.3, 11.691
xyY	0.389, 0.487, 46.3
CIE-LCH	73.74, 63.51, 110.037
CIE-LUV	73.74, -4.624, 72.146
Hunter-Lab	68.044, -22.042, 37.444
Binary	10101111, 10111110, 00111111

#afbe3f
```
#afbe3f rgb(175,190,63)
```
#4e3fbe
```
#4e3fbe rgb(78,63,190)
```

Complementary Color

#be8e3f
```
#be8e3f rgb(190,142,63)
```
#afbe3f
```
#afbe3f rgb(175,190,63)
```
#70be3f
```
#70be3f rgb(112,190,63)
```

Analogous Color

#8e3fbe
```
#8e3fbe rgb(142,63,190)
```
#afbe3f
```
#afbe3f rgb(175,190,63)
```
#3f70be
```
#3f70be rgb(63,112,190)
```

Split Complementary Color

#be3faf
```
#be3faf rgb(190,63,175)
```
#afbe3f
```
#afbe3f rgb(175,190,63)
```
#3fafbe
```
#3fafbe rgb(63,175,190)
```

Triadic Color

#be4e3f
```
#be4e3f rgb(190,78,63)
```
#afbe3f
```
#afbe3f rgb(175,190,63)
```
#3fafbe
```
#3fafbe rgb(63,175,190)
```
#4e3fbe
```
#4e3fbe rgb(78,63,190)
```

Tetradic Color

#7a852c
```
#7a852c rgb(122,133,44)
```
#8c9832
```
#8c9832 rgb(140,152,50)
```
#9dab39
```
#9dab39 rgb(157,171,57)
```
#afbe3f
```
#afbe3f rgb(175,190,63)
```
#b8c551
```
#b8c551 rgb(184,197,81)
```
#bfcc64
```
#bfcc64 rgb(191,204,100)
```
#c7d277
```
#c7d277 rgb(199,210,119)
```

Monochromatic Color

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

#bead3f
```
#bead3f rgb(190,173,63)
```
#beb83f
```
#beb83f rgb(190,184,63)
```
#babe3f
```
#babe3f rgb(186,190,63)
```
#afbe3f
```
#afbe3f rgb(175,190,63)
```
#a4be3f
```
#a4be3f rgb(164,190,63)
```
#9abe3f
```
#9abe3f rgb(154,190,63)
```
#8fbe3f
```
#8fbe3f rgb(143,190,63)
```

Similar Colors

Text with hexadecimal color #afbe3f

This text has a font color of #afbe3f.

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

#afbe3f background color

This paragraph has a background color of #afbe3f.

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

#afbe3f border color

This element has a border color of #afbe3f.

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

CSS codes

.text {color:#afbe3f;}

.background {background-color:#afbe3f;}

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

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

#0c0d04
```
#0c0d04 rgb(12,13,4)
```
#1a1c09
```
#1a1c09 rgb(26,28,9)
```
#272b0e
```
#272b0e rgb(39,43,14)
```
#353913
```
#353913 rgb(53,57,19)
```
#424818
```
#424818 rgb(66,72,24)
```
#50571d
```
#50571d rgb(80,87,29)
```
#5e6622
```
#5e6622 rgb(94,102,34)
```
#6b7427
```
#6b7427 rgb(107,116,39)
```
#79832b
```
#79832b rgb(121,131,43)
```
#869230
```
#869230 rgb(134,146,48)
```
#94a135
```
#94a135 rgb(148,161,53)
```
#a1af3a
```
#a1af3a rgb(161,175,58)
```
#afbe3f
```
#afbe3f rgb(175,190,63)
```

Shade Color Variation

#b6c44d
```
#b6c44d rgb(182,196,77)
```
#bcc95b
```
#bcc95b rgb(188,201,91)
```
#c2ce6a
```
#c2ce6a rgb(194,206,106)
```
#c8d379
```
#c8d379 rgb(200,211,121)
```
#ced788
```
#ced788 rgb(206,215,136)
```
#d4dc96
```
#d4dc96 rgb(212,220,150)
```
#dae1a5
```
#dae1a5 rgb(218,225,165)
```
#e0e6b4
```
#e0e6b4 rgb(224,230,180)
```
#e6ebc3
```
#e6ebc3 rgb(230,235,195)
```
#ecf0d1
```
#ecf0d1 rgb(236,240,209)
```
#f2f5e0
```
#f2f5e0 rgb(242,245,224)
```
#f8faef
```
#f8faef rgb(248,250,239)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#828479
```
#828479 rgb(130,132,121)
```
#8a8d70
```
#8a8d70 rgb(138,141,112)
```
#919766
```
#919766 rgb(145,151,102)
```
#99a15c
```
#99a15c rgb(153,161,92)
```
#a0ab52
```
#a0ab52 rgb(160,171,82)
```
#a8b449
```
#a8b449 rgb(168,180,73)
```
#afbe3f
```
#afbe3f rgb(175,190,63)
```
#b6c835
```
#b6c835 rgb(182,200,53)
```
#bed12c
```
#bed12c rgb(190,209,44)
```
#c5db22
```
#c5db22 rgb(197,219,34)
```
#cde518
```
#cde518 rgb(205,229,24)
```
#d4ef0e
```
#d4ef0e rgb(212,239,14)
```
#dcf805
```
#dcf805 rgb(220,248,5)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acaf95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb946 Protanopia 1% of men
#e3b050 Deuteranopia 1% of men
#c0b5c2 Tritanopia 0.001% of the population

Trichromacy

#c2bb43 Protanomaly 1% of men, 0.01% of women
#d0b549 Deuteranomaly 6% of men, 0.4% of women
#bab892 Tritanomaly 0.01% of the population

#afbe3f hex color

#afbe3f Color Information

#afbe3f Color Conversion

Color Schemes with #afbe3f

Alternatives to #afbe3f

#afbe3f Preview

Shades and Tints of #afbe3f

Tones of #afbe3f

Color Blindness Simulator