#afb83c hex color

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

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

● #afb83c color description : Moderate yellow.

The hexadecimal color #afb83c has RGB values of R:175, G:184, B:60 and CMYK values of C:0.05, M:0, Y:0.67, K:0.28. Its decimal value is 11515964.

Hex triplet	afb83c	`#afb83c`
RGB Decimal	175, 184, 60	`rgb(175,184,60)`
RGB Percent	68.6, 72.2, 23.5	`rgb(68.6%,72.2%,23.5%)`
CMYK	5, 0, 67, 28
HSL	64.4°, 50.8, 47.8	`hsl(64.4,50.8%,47.8%)`
HSV (or HSB)	64.4°, 67.4, 72.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.042, -18.954, 59.112
XYZ	35.635, 43.722, 10.837
xyY	0.395, 0.485, 43.722
CIE-LCH	72.042, 62.076, 107.778
CIE-LUV	72.042, -0.891, 70.416
Hunter-Lab	66.122, -19.515, 36.569
Binary	10101111, 10111000, 00111100

#afb83c
```
#afb83c rgb(175,184,60)
```
#453cb8
```
#453cb8 rgb(69,60,184)
```

Complementary Color

#b8833c
```
#b8833c rgb(184,131,60)
```
#afb83c
```
#afb83c rgb(175,184,60)
```
#71b83c
```
#71b83c rgb(113,184,60)
```

Analogous Color

#833cb8
```
#833cb8 rgb(131,60,184)
```
#afb83c
```
#afb83c rgb(175,184,60)
```
#3c71b8
```
#3c71b8 rgb(60,113,184)
```

Split Complementary Color

#b83caf
```
#b83caf rgb(184,60,175)
```
#afb83c
```
#afb83c rgb(175,184,60)
```
#3cafb8
```
#3cafb8 rgb(60,175,184)
```

Triadic Color

#b8453c
```
#b8453c rgb(184,69,60)
```
#afb83c
```
#afb83c rgb(175,184,60)
```
#3cafb8
```
#3cafb8 rgb(60,175,184)
```
#453cb8
```
#453cb8 rgb(69,60,184)
```

Tetradic Color

#787e29
```
#787e29 rgb(120,126,41)
```
#8a922f
```
#8a922f rgb(138,146,47)
```
#9da536
```
#9da536 rgb(157,165,54)
```
#afb83c
```
#afb83c rgb(175,184,60)
```
#bbc44a
```
#bbc44a rgb(187,196,74)
```
#c2ca5d
```
#c2ca5d rgb(194,202,93)
```
#c9d070
```
#c9d070 rgb(201,208,112)
```

Monochromatic Color

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

#b8a23c
```
#b8a23c rgb(184,162,60)
```
#b8ac3c
```
#b8ac3c rgb(184,172,60)
```
#b8b73c
```
#b8b73c rgb(184,183,60)
```
#afb83c
```
#afb83c rgb(175,184,60)
```
#a5b83c
```
#a5b83c rgb(165,184,60)
```
#9ab83c
```
#9ab83c rgb(154,184,60)
```
#90b83c
```
#90b83c rgb(144,184,60)
```

Similar Colors

Text with hexadecimal color #afb83c

This text has a font color of #afb83c.

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

#afb83c background color

This paragraph has a background color of #afb83c.

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

#afb83c border color

This element has a border color of #afb83c.

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

CSS codes

.text {color:#afb83c;}

.background {background-color:#afb83c;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#141507
```
#141507 rgb(20,21,7)
```
#22240c
```
#22240c rgb(34,36,12)
```
#303311
```
#303311 rgb(48,51,17)
```
#3e4215
```
#3e4215 rgb(62,66,21)
```
#4d501a
```
#4d501a rgb(77,80,26)
```
#5b5f1f
```
#5b5f1f rgb(91,95,31)
```
#696e24
```
#696e24 rgb(105,110,36)
```
#777d29
```
#777d29 rgb(119,125,41)
```
#858c2e
```
#858c2e rgb(133,140,46)
```
#939a32
```
#939a32 rgb(147,154,50)
```
#a1a937
```
#a1a937 rgb(161,169,55)
```
#afb83c
```
#afb83c rgb(175,184,60)
```

Shade Color Variation

#b9c245
```
#b9c245 rgb(185,194,69)
```
#bfc754
```
#bfc754 rgb(191,199,84)
```
#c4cc63
```
#c4cc63 rgb(196,204,99)
```
#cad172
```
#cad172 rgb(202,209,114)
```
#d0d680
```
#d0d680 rgb(208,214,128)
```
#d5db8f
```
#d5db8f rgb(213,219,143)
```
#dbdf9e
```
#dbdf9e rgb(219,223,158)
```
#e0e4ad
```
#e0e4ad rgb(224,228,173)
```
#e6e9bc
```
#e6e9bc rgb(230,233,188)
```
#ebeeca
```
#ebeeca rgb(235,238,202)
```
#f1f3d9
```
#f1f3d9 rgb(241,243,217)
```
#f6f7e8
```
#f6f7e8 rgb(246,247,232)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#7f8074
```
#7f8074 rgb(127,128,116)
```
#87896b
```
#87896b rgb(135,137,107)
```
#8f9262
```
#8f9262 rgb(143,146,98)
```
#979c58
```
#979c58 rgb(151,156,88)
```
#9fa54f
```
#9fa54f rgb(159,165,79)
```
#a7af45
```
#a7af45 rgb(167,175,69)
```
#afb83c
```
#afb83c rgb(175,184,60)
```
#b7c133
```
#b7c133 rgb(183,193,51)
```
#bfcb29
```
#bfcb29 rgb(191,203,41)
```
#c7d420
```
#c7d420 rgb(199,212,32)
```
#cfde16
```
#cfde16 rgb(207,222,22)
```
#d7e70d
```
#d7e70d rgb(215,231,13)
```
#dff004
```
#dff004 rgb(223,240,4)
```

Tone Color Variation

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

#c9b444 Protanopia 1% of men
#deac4c Deuteranopia 1% of men
#c0b0bc Tritanopia 0.001% of the population

Trichromacy

#bfb641 Protanomaly 1% of men, 0.01% of women
#cdb046 Deuteranomaly 6% of men, 0.4% of women
#b9b38d Tritanomaly 0.01% of the population

#afb83c hex color

#afb83c Color Information

#afb83c Color Conversion

Color Schemes with #afb83c

Alternatives to #afb83c

#afb83c Preview

Shades and Tints of #afb83c

Tones of #afb83c

Color Blindness Simulator