#afbd31 hex color

In a RGB color space, hex #afbd31 is composed of 68.6% red, 74.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 74.1% yellow and 25.9% black. It has a hue angle of 66 degrees, a saturation of 58.8% and a lightness of 46.7%. #afbd31 color hex could be obtained by blending #ffff62 with #5f7b00. Closest websafe color is: #99cc33.

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

● #afbd31 color description : Moderate yellow.

The hexadecimal color #afbd31 has RGB values of R:175, G:189, B:49 and CMYK values of C:0.07, M:0, Y:0.74, K:0.26. Its decimal value is 11517233.

Hex triplet	afbd31	`#afbd31`
RGB Decimal	175, 189, 49	`rgb(175,189,49)`
RGB Percent	68.6, 74.1, 19.2	`rgb(68.6%,74.1%,19.2%)`
CMYK	7, 0, 74, 26
HSL	66°, 58.8, 46.7	`hsl(66,58.8%,46.7%)`
HSV (or HSB)	66°, 74.1, 74.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.371, -22.017, 64.417
XYZ	36.431, 45.731, 9.813
xyY	0.396, 0.497, 45.731
CIE-LCH	73.371, 68.076, 108.87
CIE-LUV	73.371, -3.831, 75.443
Hunter-Lab	67.625, -22.181, 38.733
Binary	10101111, 10111101, 00110001

#afbd31
```
#afbd31 rgb(175,189,49)
```
#3f31bd
```
#3f31bd rgb(63,49,189)
```

Complementary Color

#bd8531
```
#bd8531 rgb(189,133,49)
```
#afbd31
```
#afbd31 rgb(175,189,49)
```
#69bd31
```
#69bd31 rgb(105,189,49)
```

Analogous Color

#8531bd
```
#8531bd rgb(133,49,189)
```
#afbd31
```
#afbd31 rgb(175,189,49)
```
#3169bd
```
#3169bd rgb(49,105,189)
```

Split Complementary Color

#bd31af
```
#bd31af rgb(189,49,175)
```
#afbd31
```
#afbd31 rgb(175,189,49)
```
#31afbd
```
#31afbd rgb(49,175,189)
```

Triadic Color

#bd3f31
```
#bd3f31 rgb(189,63,49)
```
#afbd31
```
#afbd31 rgb(175,189,49)
```
#31afbd
```
#31afbd rgb(49,175,189)
```
#3f31bd
```
#3f31bd rgb(63,49,189)
```

Tetradic Color

#778021
```
#778021 rgb(119,128,33)
```
#8a9527
```
#8a9527 rgb(138,149,39)
```
#9ca92c
```
#9ca92c rgb(156,169,44)
```
#afbd31
```
#afbd31 rgb(175,189,49)
```
#becc3b
```
#becc3b rgb(190,204,59)
```
#c5d250
```
#c5d250 rgb(197,210,80)
```
#cbd764
```
#cbd764 rgb(203,215,100)
```

Monochromatic Color

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

#bda831
```
#bda831 rgb(189,168,49)
```
#bdb431
```
#bdb431 rgb(189,180,49)
```
#bbbd31
```
#bbbd31 rgb(187,189,49)
```
#afbd31
```
#afbd31 rgb(175,189,49)
```
#a3bd31
```
#a3bd31 rgb(163,189,49)
```
#98bd31
```
#98bd31 rgb(152,189,49)
```
#8cbd31
```
#8cbd31 rgb(140,189,49)
```

Similar Colors

Text with hexadecimal color #afbd31

This text has a font color of #afbd31.

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

#afbd31 background color

This paragraph has a background color of #afbd31.

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

#afbd31 border color

This element has a border color of #afbd31.

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

CSS codes

.text {color:#afbd31;}

.background {background-color:#afbd31;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#101205
```
#101205 rgb(16,18,5)
```
#1f2109
```
#1f2109 rgb(31,33,9)
```
#2d310d
```
#2d310d rgb(45,49,13)
```
#3c4011
```
#3c4011 rgb(60,64,17)
```
#4a5015
```
#4a5015 rgb(74,80,21)
```
#586019
```
#586019 rgb(88,96,25)
```
#676f1d
```
#676f1d rgb(103,111,29)
```
#757f21
```
#757f21 rgb(117,127,33)
```
#848e25
```
#848e25 rgb(132,142,37)
```
#929e29
```
#929e29 rgb(146,158,41)
```
#a1ad2d
```
#a1ad2d rgb(161,173,45)
```
#afbd31
```
#afbd31 rgb(175,189,49)
```

Shade Color Variation

#bccb37
```
#bccb37 rgb(188,203,55)
```
#c1cf46
```
#c1cf46 rgb(193,207,70)
```
#c7d356
```
#c7d356 rgb(199,211,86)
```
#ccd765
```
#ccd765 rgb(204,215,101)
```
#d1db75
```
#d1db75 rgb(209,219,117)
```
#d6df84
```
#d6df84 rgb(214,223,132)
```
#dbe394
```
#dbe394 rgb(219,227,148)
```
#e1e7a4
```
#e1e7a4 rgb(225,231,164)
```
#e6ebb3
```
#e6ebb3 rgb(230,235,179)
```
#ebefc3
```
#ebefc3 rgb(235,239,195)
```
#f0f3d2
```
#f0f3d2 rgb(240,243,210)
```
#f5f7e2
```
#f5f7e2 rgb(245,247,226)
```
#fbfcf2
```
#fbfcf2 rgb(251,252,242)
```

Tint Color Variation

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

#7c7d71
```
#7c7d71 rgb(124,125,113)
```
#838668
```
#838668 rgb(131,134,104)
```
#8a8f5f
```
#8a8f5f rgb(138,143,95)
```
#929856
```
#929856 rgb(146,152,86)
```
#99a24c
```
#99a24c rgb(153,162,76)
```
#a0ab43
```
#a0ab43 rgb(160,171,67)
```
#a8b43a
```
#a8b43a rgb(168,180,58)
```
#afbd31
```
#afbd31 rgb(175,189,49)
```
#b6c628
```
#b6c628 rgb(182,198,40)
```
#becf1f
```
#becf1f rgb(190,207,31)
```
#c5d816
```
#c5d816 rgb(197,216,22)
```
#cce20c
```
#cce20c rgb(204,226,12)
```
#d4eb03
```
#d4eb03 rgb(212,235,3)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aaad91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb839 Protanopia 1% of men
#e3af44 Deuteranopia 1% of men
#c1b4c1 Tritanopia 0.001% of the population

Trichromacy

#c2ba36 Protanomaly 1% of men, 0.01% of women
#d0b43d Deuteranomaly 6% of men, 0.4% of women
#bab78c Tritanomaly 0.01% of the population

#afbd31 hex color

#afbd31 Color Information

#afbd31 Color Conversion

Color Schemes with #afbd31

Alternatives to #afbd31

#afbd31 Preview

Shades and Tints of #afbd31

Tones of #afbd31

Color Blindness Simulator