#afbd3a hex color

In a RGB color space, hex #afbd3a is composed of 68.6% red, 74.1% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 69.3% yellow and 25.9% black. It has a hue angle of 66.4 degrees, a saturation of 53% and a lightness of 48.4%. #afbd3a color hex could be obtained by blending #ffff74 with #5f7b00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 74
- B 23
RGB color chart
- C 7
- M 0
- Y 69
- K 26
CMYK color chart

● #afbd3a color description : Moderate yellow.

The hexadecimal color #afbd3a has RGB values of R:175, G:189, B:58 and CMYK values of C:0.07, M:0, Y:0.69, K:0.26. Its decimal value is 11517242.

Hex triplet	afbd3a	`#afbd3a`
RGB Decimal	175, 189, 58	`rgb(175,189,58)`
RGB Percent	68.6, 74.1, 22.7	`rgb(68.6%,74.1%,22.7%)`
CMYK	7, 0, 69, 26
HSL	66.4°, 53, 48.4	`hsl(66.4,53%,48.4%)`
HSV (or HSB)	66.4°, 69.3, 74.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.425, -21.558, 61.272
XYZ	36.64, 45.815, 10.916
xyY	0.392, 0.491, 45.815
CIE-LCH	73.425, 64.954, 109.384
CIE-LUV	73.425, -3.944, 73.154
Hunter-Lab	67.687, -21.826, 37.819
Binary	10101111, 10111101, 00111010

#afbd3a
```
#afbd3a rgb(175,189,58)
```
#483abd
```
#483abd rgb(72,58,189)
```

Complementary Color

#bd8a3a
```
#bd8a3a rgb(189,138,58)
```
#afbd3a
```
#afbd3a rgb(175,189,58)
```
#6ebd3a
```
#6ebd3a rgb(110,189,58)
```

Analogous Color

#8a3abd
```
#8a3abd rgb(138,58,189)
```
#afbd3a
```
#afbd3a rgb(175,189,58)
```
#3a6ebd
```
#3a6ebd rgb(58,110,189)
```

Split Complementary Color

#bd3aaf
```
#bd3aaf rgb(189,58,175)
```
#afbd3a
```
#afbd3a rgb(175,189,58)
```
#3aafbd
```
#3aafbd rgb(58,175,189)
```

Triadic Color

#bd483a
```
#bd483a rgb(189,72,58)
```
#afbd3a
```
#afbd3a rgb(175,189,58)
```
#3aafbd
```
#3aafbd rgb(58,175,189)
```
#483abd
```
#483abd rgb(72,58,189)
```

Tetradic Color

#798228
```
#798228 rgb(121,130,40)
```
#8b962e
```
#8b962e rgb(139,150,46)
```
#9da934
```
#9da934 rgb(157,169,52)
```
#afbd3a
```
#afbd3a rgb(175,189,58)
```
#bac749
```
#bac749 rgb(186,199,73)
```
#c1cd5d
```
#c1cd5d rgb(193,205,93)
```
#c9d370
```
#c9d370 rgb(201,211,112)
```

Monochromatic Color

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

#bdaa3a
```
#bdaa3a rgb(189,170,58)
```
#bdb53a
```
#bdb53a rgb(189,181,58)
```
#babd3a
```
#babd3a rgb(186,189,58)
```
#afbd3a
```
#afbd3a rgb(175,189,58)
```
#a4bd3a
```
#a4bd3a rgb(164,189,58)
```
#99bd3a
```
#99bd3a rgb(153,189,58)
```
#8ebd3a
```
#8ebd3a rgb(142,189,58)
```

Similar Colors

Text with hexadecimal color #afbd3a

This text has a font color of #afbd3a.

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

#afbd3a background color

This paragraph has a background color of #afbd3a.

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

#afbd3a border color

This element has a border color of #afbd3a.

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

CSS codes

.text {color:#afbd3a;}

.background {background-color:#afbd3a;}

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

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)
```
#161807
```
#161807 rgb(22,24,7)
```
#24270c
```
#24270c rgb(36,39,12)
```
#323611
```
#323611 rgb(50,54,17)
```
#404515
```
#404515 rgb(64,69,21)
```
#4e541a
```
#4e541a rgb(78,84,26)
```
#5c631e
```
#5c631e rgb(92,99,30)
```
#6a7223
```
#6a7223 rgb(106,114,35)
```
#778128
```
#778128 rgb(119,129,40)
```
#85902c
```
#85902c rgb(133,144,44)
```
#939f31
```
#939f31 rgb(147,159,49)
```
#a1ae35
```
#a1ae35 rgb(161,174,53)
```
#afbd3a
```
#afbd3a rgb(175,189,58)
```

Shade Color Variation

#b8c645
```
#b8c645 rgb(184,198,69)
```
#beca54
```
#beca54 rgb(190,202,84)
```
#c3cf63
```
#c3cf63 rgb(195,207,99)
```
#c9d472
```
#c9d472 rgb(201,212,114)
```
#cfd881
```
#cfd881 rgb(207,216,129)
```
#d5dd90
```
#d5dd90 rgb(213,221,144)
```
#dae19f
```
#dae19f rgb(218,225,159)
```
#e0e6ae
```
#e0e6ae rgb(224,230,174)
```
#e6ebbd
```
#e6ebbd rgb(230,235,189)
```
#ecefcc
```
#ecefcc rgb(236,239,204)
```
#f1f4db
```
#f1f4db rgb(241,244,219)
```
#f7f9ea
```
#f7f9ea rgb(247,249,234)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#828473
```
#828473 rgb(130,132,115)
```
#8a8e6a
```
#8a8e6a rgb(138,142,106)
```
#919760
```
#919760 rgb(145,151,96)
```
#99a157
```
#99a157 rgb(153,161,87)
```
#a0aa4d
```
#a0aa4d rgb(160,170,77)
```
#a8b444
```
#a8b444 rgb(168,180,68)
```
#afbd3a
```
#afbd3a rgb(175,189,58)
```
#b6c731
```
#b6c731 rgb(182,199,49)
```
#bed027
```
#bed027 rgb(190,208,39)
```
#c5da1e
```
#c5da1e rgb(197,218,30)
```
#cde314
```
#cde314 rgb(205,227,20)
```
#d4ed0b
```
#d4ed0b rgb(212,237,11)
```
#dcf601
```
#dcf601 rgb(220,246,1)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abae94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb842 Protanopia 1% of men
#e3af4b Deuteranopia 1% of men
#c0b4c1 Tritanopia 0.001% of the population

Trichromacy

#c2ba3f Protanomaly 1% of men, 0.01% of women
#d0b445 Deuteranomaly 6% of men, 0.4% of women
#bab790 Tritanomaly 0.01% of the population

#afbd3a hex color

#afbd3a Color Information

#afbd3a Color Conversion

Color Schemes with #afbd3a

Alternatives to #afbd3a

#afbd3a Preview

Shades and Tints of #afbd3a

Tones of #afbd3a

Color Blindness Simulator