#afb83f hex color

In a RGB color space, hex #afb83f is composed of 68.6% red, 72.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 65.8% yellow and 27.8% black. It has a hue angle of 64.5 degrees, a saturation of 49% and a lightness of 48.4%. #afb83f color hex could be obtained by blending #ffff7e with #5f7100. Closest websafe color is: #99cc33.

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

● #afb83f color description : Moderate yellow.

The hexadecimal color #afb83f has RGB values of R:175, G:184, B:63 and CMYK values of C:0.05, M:0, Y:0.66, K:0.28. Its decimal value is 11515967.

Hex triplet	afb83f	`#afb83f`
RGB Decimal	175, 184, 63	`rgb(175,184,63)`
RGB Percent	68.6, 72.2, 24.7	`rgb(68.6%,72.2%,24.7%)`
CMYK	5, 0, 66, 28
HSL	64.5°, 49, 48.4	`hsl(64.5,49%,48.4%)`
HSV (or HSB)	64.5°, 65.8, 72.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.064, -18.773, 57.941
XYZ	35.717, 43.754, 11.266
xyY	0.394, 0.482, 43.754
CIE-LCH	72.064, 60.906, 107.953
CIE-LUV	72.064, -0.943, 69.512
Hunter-Lab	66.147, -19.374, 36.204
Binary	10101111, 10111000, 00111111

#afb83f
```
#afb83f rgb(175,184,63)
```
#483fb8
```
#483fb8 rgb(72,63,184)
```

Complementary Color

#b8853f
```
#b8853f rgb(184,133,63)
```
#afb83f
```
#afb83f rgb(175,184,63)
```
#73b83f
```
#73b83f rgb(115,184,63)
```

Analogous Color

#853fb8
```
#853fb8 rgb(133,63,184)
```
#afb83f
```
#afb83f rgb(175,184,63)
```
#3f73b8
```
#3f73b8 rgb(63,115,184)
```

Split Complementary Color

#b83faf
```
#b83faf rgb(184,63,175)
```
#afb83f
```
#afb83f rgb(175,184,63)
```
#3fafb8
```
#3fafb8 rgb(63,175,184)
```

Triadic Color

#b8483f
```
#b8483f rgb(184,72,63)
```
#afb83f
```
#afb83f rgb(175,184,63)
```
#3fafb8
```
#3fafb8 rgb(63,175,184)
```
#483fb8
```
#483fb8 rgb(72,63,184)
```

Tetradic Color

#797f2b
```
#797f2b rgb(121,127,43)
```
#8b9232
```
#8b9232 rgb(139,146,50)
```
#9da538
```
#9da538 rgb(157,165,56)
```
#afb83f
```
#afb83f rgb(175,184,63)
```
#bac24e
```
#bac24e rgb(186,194,78)
```
#c1c961
```
#c1c961 rgb(193,201,97)
```
#c9cf74
```
#c9cf74 rgb(201,207,116)
```

Monochromatic Color

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

#b8a33f
```
#b8a33f rgb(184,163,63)
```
#b8ad3f
```
#b8ad3f rgb(184,173,63)
```
#b8b73f
```
#b8b73f rgb(184,183,63)
```
#afb83f
```
#afb83f rgb(175,184,63)
```
#a5b83f
```
#a5b83f rgb(165,184,63)
```
#9bb83f
```
#9bb83f rgb(155,184,63)
```
#91b83f
```
#91b83f rgb(145,184,63)
```

Similar Colors

Text with hexadecimal color #afb83f

This text has a font color of #afb83f.

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

#afb83f background color

This paragraph has a background color of #afb83f.

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

#afb83f border color

This element has a border color of #afb83f.

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

CSS codes

.text {color:#afb83f;}

.background {background-color:#afb83f;}

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

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

#080903
```
#080903 rgb(8,9,3)
```
#161708
```
#161708 rgb(22,23,8)
```
#24260d
```
#24260d rgb(36,38,13)
```
#323412
```
#323412 rgb(50,52,18)
```
#404317
```
#404317 rgb(64,67,23)
```
#4e521c
```
#4e521c rgb(78,82,28)
```
#5c6021
```
#5c6021 rgb(92,96,33)
```
#6a6f26
```
#6a6f26 rgb(106,111,38)
```
#777e2b
```
#777e2b rgb(119,126,43)
```
#858c30
```
#858c30 rgb(133,140,48)
```
#939b35
```
#939b35 rgb(147,155,53)
```
#a1a93a
```
#a1a93a rgb(161,169,58)
```
#afb83f
```
#afb83f rgb(175,184,63)
```

Shade Color Variation

#b8c14a
```
#b8c14a rgb(184,193,74)
```
#bec658
```
#bec658 rgb(190,198,88)
```
#c3cb67
```
#c3cb67 rgb(195,203,103)
```
#c9d076
```
#c9d076 rgb(201,208,118)
```
#cfd584
```
#cfd584 rgb(207,213,132)
```
#d5da93
```
#d5da93 rgb(213,218,147)
```
#dadfa1
```
#dadfa1 rgb(218,223,161)
```
#e0e4b0
```
#e0e4b0 rgb(224,228,176)
```
#e6e9bf
```
#e6e9bf rgb(230,233,191)
```
#eceecd
```
#eceecd rgb(236,238,205)
```
#f1f3dc
```
#f1f3dc rgb(241,243,220)
```
#f7f8ea
```
#f7f8ea rgb(247,248,234)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#7e7f78
```
#7e7f78 rgb(126,127,120)
```
#87896f
```
#87896f rgb(135,137,111)
```
#8f9265
```
#8f9265 rgb(143,146,101)
```
#979c5c
```
#979c5c rgb(151,156,92)
```
#9fa552
```
#9fa552 rgb(159,165,82)
```
#a7af49
```
#a7af49 rgb(167,175,73)
```
#afb83f
```
#afb83f rgb(175,184,63)
```
#b7c236
```
#b7c236 rgb(183,194,54)
```
#bfcb2c
```
#bfcb2c rgb(191,203,44)
```
#c7d523
```
#c7d523 rgb(199,213,35)
```
#cfde19
```
#cfde19 rgb(207,222,25)
```
#d7e810
```
#d7e810 rgb(215,232,16)
```
#e0f106
```
#e0f106 rgb(224,241,6)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9ab93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b447 Protanopia 1% of men
#deac4f Deuteranopia 1% of men
#bfb0bc Tritanopia 0.001% of the population

Trichromacy

#bfb644 Protanomaly 1% of men, 0.01% of women
#cdb049 Deuteranomaly 6% of men, 0.4% of women
#b9b38f Tritanomaly 0.01% of the population

#afb83f hex color

#afb83f Color Information

#afb83f Color Conversion

Color Schemes with #afb83f

Alternatives to #afb83f

#afb83f Preview

Shades and Tints of #afb83f

Tones of #afb83f

Color Blindness Simulator