#afb828 hex color

In a RGB color space, hex #afb828 is composed of 68.6% red, 72.2% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 78.3% yellow and 27.8% black. It has a hue angle of 63.8 degrees, a saturation of 64.3% and a lightness of 43.9%. #afb828 color hex could be obtained by blending #ffff50 with #5f7100. Closest websafe color is: #99cc33.

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

● #afb828 color description : Strong yellow.

The hexadecimal color #afb828 has RGB values of R:175, G:184, B:40 and CMYK values of C:0.05, M:0, Y:0.78, K:0.28. Its decimal value is 11515944.

Hex triplet	afb828	`#afb828`
RGB Decimal	175, 184, 40	`rgb(175,184,40)`
RGB Percent	68.6, 72.2, 15.7	`rgb(68.6%,72.2%,15.7%)`
CMYK	5, 0, 78, 28
HSL	63.8°, 64.3, 43.9	`hsl(63.8,64.3%,43.9%)`
HSV (or HSB)	63.8°, 78.3, 72.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	71.926, -19.917, 65.923
XYZ	35.203, 43.548, 8.559
xyY	0.403, 0.499, 43.548
CIE-LCH	71.926, 68.866, 106.811
CIE-LUV	71.926, -0.613, 75.282
Hunter-Lab	65.991, -20.265, 38.504
Binary	10101111, 10111000, 00101000

#afb828
```
#afb828 rgb(175,184,40)
```
#3128b8
```
#3128b8 rgb(49,40,184)
```

Complementary Color

#b87928
```
#b87928 rgb(184,121,40)
```
#afb828
```
#afb828 rgb(175,184,40)
```
#67b828
```
#67b828 rgb(103,184,40)
```

Analogous Color

#7928b8
```
#7928b8 rgb(121,40,184)
```
#afb828
```
#afb828 rgb(175,184,40)
```
#2867b8
```
#2867b8 rgb(40,103,184)
```

Split Complementary Color

#b828af
```
#b828af rgb(184,40,175)
```
#afb828
```
#afb828 rgb(175,184,40)
```
#28afb8
```
#28afb8 rgb(40,175,184)
```

Triadic Color

#b83128
```
#b83128 rgb(184,49,40)
```
#afb828
```
#afb828 rgb(175,184,40)
```
#28afb8
```
#28afb8 rgb(40,175,184)
```
#3128b8
```
#3128b8 rgb(49,40,184)
```

Tetradic Color

#73791a
```
#73791a rgb(115,121,26)
```
#878e1f
```
#878e1f rgb(135,142,31)
```
#9ba323
```
#9ba323 rgb(155,163,35)
```
#afb828
```
#afb828 rgb(175,184,40)
```
#c3cd2d
```
#c3cd2d rgb(195,205,45)
```
#ccd53e
```
#ccd53e rgb(204,213,62)
```
#d1da53
```
#d1da53 rgb(209,218,83)
```

Monochromatic Color

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

#b89d28
```
#b89d28 rgb(184,157,40)
```
#b8a928
```
#b8a928 rgb(184,169,40)
```
#b8b528
```
#b8b528 rgb(184,181,40)
```
#afb828
```
#afb828 rgb(175,184,40)
```
#a3b828
```
#a3b828 rgb(163,184,40)
```
#97b828
```
#97b828 rgb(151,184,40)
```
#8bb828
```
#8bb828 rgb(139,184,40)
```

Similar Colors

Text with hexadecimal color #afb828

This text has a font color of #afb828.

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

#afb828 background color

This paragraph has a background color of #afb828.

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

#afb828 border color

This element has a border color of #afb828.

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

CSS codes

.text {color:#afb828;}

.background {background-color:#afb828;}

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

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

#060701
```
#060701 rgb(6,7,1)
```
#161705
```
#161705 rgb(22,23,5)
```
#252708
```
#252708 rgb(37,39,8)
```
#34370c
```
#34370c rgb(52,55,12)
```
#44470f
```
#44470f rgb(68,71,15)
```
#535713
```
#535713 rgb(83,87,19)
```
#626716
```
#626716 rgb(98,103,22)
```
#72781a
```
#72781a rgb(114,120,26)
```
#81881d
```
#81881d rgb(129,136,29)
```
#909821
```
#909821 rgb(144,152,33)
```
#a0a824
```
#a0a824 rgb(160,168,36)
```
#afb828
```
#afb828 rgb(175,184,40)
```
#bec82c
```
#bec82c rgb(190,200,44)
```

Shade Color Variation

#c9d334
```
#c9d334 rgb(201,211,52)
```
#cdd644
```
#cdd644 rgb(205,214,68)
```
#d2da55
```
#d2da55 rgb(210,218,85)
```
#d6dd65
```
#d6dd65 rgb(214,221,101)
```
#dae175
```
#dae175 rgb(218,225,117)
```
#dee485
```
#dee485 rgb(222,228,133)
```
#e3e895
```
#e3e895 rgb(227,232,149)
```
#e7eba5
```
#e7eba5 rgb(231,235,165)
```
#ebefb5
```
#ebefb5 rgb(235,239,181)
```
#f0f2c5
```
#f0f2c5 rgb(240,242,197)
```
#f4f6d5
```
#f4f6d5 rgb(244,246,213)
```
#f8f9e6
```
#f8f9e6 rgb(248,249,230)
```
#fdfdf6
```
#fdfdf6 rgb(253,253,246)
```

Tint Color Variation

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

#73736d
```
#73736d rgb(115,115,109)
```
#7a7c64
```
#7a7c64 rgb(122,124,100)
```
#82845c
```
#82845c rgb(130,132,92)
```
#898d53
```
#898d53 rgb(137,141,83)
```
#91964a
```
#91964a rgb(145,150,74)
```
#989e42
```
#989e42 rgb(152,158,66)
```
#a0a739
```
#a0a739 rgb(160,167,57)
```
#a7af31
```
#a7af31 rgb(167,175,49)
```
#afb828
```
#afb828 rgb(175,184,40)
```
#b7c11f
```
#b7c11f rgb(183,193,31)
```
#bec917
```
#bec917 rgb(190,201,23)
```
#c6d20e
```
#c6d20e rgb(198,210,14)
```
#cdda06
```
#cdda06 rgb(205,218,6)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a98c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b431 Protanopia 1% of men
#dfab3b Deuteranopia 1% of men
#c0afbc Tritanopia 0.001% of the population

Trichromacy

#bfb52d Protanomaly 1% of men, 0.01% of women
#ceb034 Deuteranomaly 6% of men, 0.4% of women
#bab286 Tritanomaly 0.01% of the population

#afb828 hex color

#afb828 Color Information

#afb828 Color Conversion

Color Schemes with #afb828

Alternatives to #afb828

#afb828 Preview

Shades and Tints of #afb828

Tones of #afb828

Color Blindness Simulator