#afb83e hex color

In a RGB color space, hex #afb83e is composed of 68.6% red, 72.2% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 66.3% yellow and 27.8% black. It has a hue angle of 64.4 degrees, a saturation of 49.6% and a lightness of 48.2%. #afb83e color hex could be obtained by blending #ffff7c with #5f7100. Closest websafe color is: #99cc33.

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

● #afb83e color description : Moderate yellow.

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

Hex triplet	afb83e	`#afb83e`
RGB Decimal	175, 184, 62	`rgb(175,184,62)`
RGB Percent	68.6, 72.2, 24.3	`rgb(68.6%,72.2%,24.3%)`
CMYK	5, 0, 66, 28
HSL	64.4°, 49.6, 48.2	`hsl(64.4,49.6%,48.2%)`
HSV (or HSB)	64.4°, 66.3, 72.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.056, -18.835, 58.335
XYZ	35.689, 43.743, 11.12
xyY	0.394, 0.483, 43.743
CIE-LCH	72.056, 61.3, 107.894
CIE-LUV	72.056, -0.926, 69.819
Hunter-Lab	66.139, -19.422, 36.328
Binary	10101111, 10111000, 00111110

#afb83e
```
#afb83e rgb(175,184,62)
```
#473eb8
```
#473eb8 rgb(71,62,184)
```

Complementary Color

#b8843e
```
#b8843e rgb(184,132,62)
```
#afb83e
```
#afb83e rgb(175,184,62)
```
#72b83e
```
#72b83e rgb(114,184,62)
```

Analogous Color

#843eb8
```
#843eb8 rgb(132,62,184)
```
#afb83e
```
#afb83e rgb(175,184,62)
```
#3e72b8
```
#3e72b8 rgb(62,114,184)
```

Split Complementary Color

#b83eaf
```
#b83eaf rgb(184,62,175)
```
#afb83e
```
#afb83e rgb(175,184,62)
```
#3eafb8
```
#3eafb8 rgb(62,175,184)
```

Triadic Color

#b8473e
```
#b8473e rgb(184,71,62)
```
#afb83e
```
#afb83e rgb(175,184,62)
```
#3eafb8
```
#3eafb8 rgb(62,175,184)
```
#473eb8
```
#473eb8 rgb(71,62,184)
```

Tetradic Color

#797f2b
```
#797f2b rgb(121,127,43)
```
#8b9231
```
#8b9231 rgb(139,146,49)
```
#9da538
```
#9da538 rgb(157,165,56)
```
#afb83e
```
#afb83e rgb(175,184,62)
```
#bac34d
```
#bac34d rgb(186,195,77)
```
#c2c960
```
#c2c960 rgb(194,201,96)
```
#c9d073
```
#c9d073 rgb(201,208,115)
```

Monochromatic Color

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

#b8a33e
```
#b8a33e rgb(184,163,62)
```
#b8ad3e
```
#b8ad3e rgb(184,173,62)
```
#b8b73e
```
#b8b73e rgb(184,183,62)
```
#afb83e
```
#afb83e rgb(175,184,62)
```
#a5b83e
```
#a5b83e rgb(165,184,62)
```
#9bb83e
```
#9bb83e rgb(155,184,62)
```
#91b83e
```
#91b83e rgb(145,184,62)
```

Similar Colors

Text with hexadecimal color #afb83e

This text has a font color of #afb83e.

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

#afb83e background color

This paragraph has a background color of #afb83e.

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

#afb83e border color

This element has a border color of #afb83e.

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

CSS codes

.text {color:#afb83e;}

.background {background-color:#afb83e;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#161708
```
#161708 rgb(22,23,8)
```
#23250d
```
#23250d rgb(35,37,13)
```
#313412
```
#313412 rgb(49,52,18)
```
#3f4316
```
#3f4316 rgb(63,67,22)
```
#4d511b
```
#4d511b rgb(77,81,27)
```
#5b6020
```
#5b6020 rgb(91,96,32)
```
#696f25
```
#696f25 rgb(105,111,37)
```
#777d2a
```
#777d2a rgb(119,125,42)
```
#858c2f
```
#858c2f rgb(133,140,47)
```
#939b34
```
#939b34 rgb(147,155,52)
```
#a1a939
```
#a1a939 rgb(161,169,57)
```
#afb83e
```
#afb83e rgb(175,184,62)
```

Shade Color Variation

#b8c148
```
#b8c148 rgb(184,193,72)
```
#bec657
```
#bec657 rgb(190,198,87)
```
#c4cb66
```
#c4cb66 rgb(196,203,102)
```
#c9d074
```
#c9d074 rgb(201,208,116)
```
#cfd583
```
#cfd583 rgb(207,213,131)
```
#d5da92
```
#d5da92 rgb(213,218,146)
```
#dadfa0
```
#dadfa0 rgb(218,223,160)
```
#e0e4af
```
#e0e4af rgb(224,228,175)
```
#e6e9be
```
#e6e9be rgb(230,233,190)
```
#ebeecc
```
#ebeecc rgb(235,238,204)
```
#f1f3db
```
#f1f3db rgb(241,243,219)
```
#f7f8ea
```
#f7f8ea rgb(247,248,234)
```
#fcfdf8
```
#fcfdf8 rgb(252,253,248)
```

Tint Color Variation

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

#7f7f77
```
#7f7f77 rgb(127,127,119)
```
#87896d
```
#87896d rgb(135,137,109)
```
#8f9264
```
#8f9264 rgb(143,146,100)
```
#979c5a
```
#979c5a rgb(151,156,90)
```
#9fa551
```
#9fa551 rgb(159,165,81)
```
#a7af47
```
#a7af47 rgb(167,175,71)
```
#afb83e
```
#afb83e rgb(175,184,62)
```
#b7c135
```
#b7c135 rgb(183,193,53)
```
#bfcb2b
```
#bfcb2b rgb(191,203,43)
```
#c7d422
```
#c7d422 rgb(199,212,34)
```
#cfde18
```
#cfde18 rgb(207,222,24)
```
#d7e70f
```
#d7e70f rgb(215,231,15)
```
#dff105
```
#dff105 rgb(223,241,5)
```

Tone Color Variation

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

Dichromacy

#c8b446 Protanopia 1% of men
#deac4e Deuteranopia 1% of men
#bfb0bc Tritanopia 0.001% of the population

Trichromacy

#bfb643 Protanomaly 1% of men, 0.01% of women
#cdb048 Deuteranomaly 6% of men, 0.4% of women
#b9b38e Tritanomaly 0.01% of the population

#afb83e hex color

#afb83e Color Information

#afb83e Color Conversion

Color Schemes with #afb83e

Alternatives to #afb83e

#afb83e Preview

Shades and Tints of #afb83e

Tones of #afb83e

Color Blindness Simulator