#afb84f hex color

In a RGB color space, hex #afb84f is composed of 68.6% red, 72.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 57.1% yellow and 27.8% black. It has a hue angle of 65.1 degrees, a saturation of 42.5% and a lightness of 51.6%. #afb84f color hex could be obtained by blending #ffff9e with #5f7100. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 72
- B 31
RGB color chart
- C 5
- M 0
- Y 57
- K 28
CMYK color chart

● #afb84f color description : Moderate yellow.

The hexadecimal color #afb84f has RGB values of R:175, G:184, B:79 and CMYK values of C:0.05, M:0, Y:0.57, K:0.28. Its decimal value is 11515983.

Hex triplet	afb84f	`#afb84f`
RGB Decimal	175, 184, 79	`rgb(175,184,79)`
RGB Percent	68.6, 72.2, 31	`rgb(68.6%,72.2%,31%)`
CMYK	5, 0, 57, 28
HSL	65.1°, 42.5, 51.6	`hsl(65.1,42.5%,51.6%)`
HSV (or HSB)	65.1°, 57.1, 72.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.202, -17.645, 51.191
XYZ	36.231, 43.96, 13.973
xyY	0.385, 0.467, 43.96
CIE-LCH	72.202, 54.146, 109.018
CIE-LUV	72.202, -1.264, 63.909
Hunter-Lab	66.302, -18.488, 33.916
Binary	10101111, 10111000, 01001111

#afb84f
```
#afb84f rgb(175,184,79)
```
#584fb8
```
#584fb8 rgb(88,79,184)
```

Complementary Color

#b88d4f
```
#b88d4f rgb(184,141,79)
```
#afb84f
```
#afb84f rgb(175,184,79)
```
#7bb84f
```
#7bb84f rgb(123,184,79)
```

Analogous Color

#8d4fb8
```
#8d4fb8 rgb(141,79,184)
```
#afb84f
```
#afb84f rgb(175,184,79)
```
#4f7bb8
```
#4f7bb8 rgb(79,123,184)
```

Split Complementary Color

#b84faf
```
#b84faf rgb(184,79,175)
```
#afb84f
```
#afb84f rgb(175,184,79)
```
#4fafb8
```
#4fafb8 rgb(79,175,184)
```

Triadic Color

#b8584f
```
#b8584f rgb(184,88,79)
```
#afb84f
```
#afb84f rgb(175,184,79)
```
#4fafb8
```
#4fafb8 rgb(79,175,184)
```
#584fb8
```
#584fb8 rgb(88,79,184)
```

Tetradic Color

#7e8536
```
#7e8536 rgb(126,133,54)
```
#8f973d
```
#8f973d rgb(143,151,61)
```
#a1a944
```
#a1a944 rgb(161,169,68)
```
#afb84f
```
#afb84f rgb(175,184,79)
```
#b7bf61
```
#b7bf61 rgb(183,191,97)
```
#c0c773
```
#c0c773 rgb(192,199,115)
```
#c8ce86
```
#c8ce86 rgb(200,206,134)
```

Monochromatic Color

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

#b8a74f
```
#b8a74f rgb(184,167,79)
```
#b8b04f
```
#b8b04f rgb(184,176,79)
```
#b8b84f
```
#b8b84f rgb(184,184,79)
```
#afb84f
```
#afb84f rgb(175,184,79)
```
#a6b84f
```
#a6b84f rgb(166,184,79)
```
#9eb84f
```
#9eb84f rgb(158,184,79)
```
#95b84f
```
#95b84f rgb(149,184,79)
```

Similar Colors

Text with hexadecimal color #afb84f

This text has a font color of #afb84f.

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

#afb84f background color

This paragraph has a background color of #afb84f.

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

#afb84f border color

This element has a border color of #afb84f.

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

CSS codes

.text {color:#afb84f;}

.background {background-color:#afb84f;}

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

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

#050602
```
#050602 rgb(5,6,2)
```
#131408
```
#131408 rgb(19,20,8)
```
#20220e
```
#20220e rgb(32,34,14)
```
#2d3013
```
#2d3013 rgb(45,48,19)
```
#3a3e19
```
#3a3e19 rgb(58,62,25)
```
#484c1e
```
#484c1e rgb(72,76,30)
```
#555a24
```
#555a24 rgb(85,90,36)
```
#62682a
```
#62682a rgb(98,104,42)
```
#70762f
```
#70762f rgb(112,118,47)
```
#7d8335
```
#7d8335 rgb(125,131,53)
```
#8a913b
```
#8a913b rgb(138,145,59)
```
#979f40
```
#979f40 rgb(151,159,64)
```
#a5ad46
```
#a5ad46 rgb(165,173,70)
```

Shade Color Variation

#afb84f
```
#afb84f rgb(175,184,79)
```
#b5be5d
```
#b5be5d rgb(181,190,93)
```
#bcc36b
```
#bcc36b rgb(188,195,107)
```
#c2c979
```
#c2c979 rgb(194,201,121)
```
#c8cf87
```
#c8cf87 rgb(200,207,135)
```
#cfd495
```
#cfd495 rgb(207,212,149)
```
#d5daa3
```
#d5daa3 rgb(213,218,163)
```
#dbdfb1
```
#dbdfb1 rgb(219,223,177)
```
#e2e5bf
```
#e2e5bf rgb(226,229,191)
```
#e8ebcd
```
#e8ebcd rgb(232,235,205)
```
#eff0db
```
#eff0db rgb(239,240,219)
```
#f5f6e9
```
#f5f6e9 rgb(245,246,233)
```
#fbfcf7
```
#fbfcf7 rgb(251,252,247)
```

Tint Color Variation

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

#88897f
```
#88897f rgb(136,137,127)
```
#909275
```
#909275 rgb(144,146,117)
```
#979c6c
```
#979c6c rgb(151,156,108)
```
#9fa562
```
#9fa562 rgb(159,165,98)
```
#a7af59
```
#a7af59 rgb(167,175,89)
```
#afb84f
```
#afb84f rgb(175,184,79)
```
#b7c246
```
#b7c246 rgb(183,194,70)
```
#bfcb3c
```
#bfcb3c rgb(191,203,60)
```
#c7d533
```
#c7d533 rgb(199,213,51)
```
#cede29
```
#cede29 rgb(206,222,41)
```
#d6e81f
```
#d6e81f rgb(214,232,31)
```
#def116
```
#def116 rgb(222,241,22)
```
#e6fb0d
```
#e6fb0d rgb(230,251,13)
```

Tone Color Variation

Below, you can see how #afb84f 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
#aaac97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b556 Protanopia 1% of men
#ddad5d Deuteranopia 1% of men
#bfb0bd Tritanopia 0.001% of the population

Trichromacy

#bfb653 Protanomaly 1% of men, 0.01% of women
#ccb158 Deuteranomaly 6% of men, 0.4% of women
#b9b395 Tritanomaly 0.01% of the population

#afb84f hex color

#afb84f Color Information

#afb84f Color Conversion

Color Schemes with #afb84f

Alternatives to #afb84f

#afb84f Preview

Shades and Tints of #afb84f

Tones of #afb84f

Color Blindness Simulator