colorhexa.com

#afbd32 hex color

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

- R 69
- G 74
- B 20
RGB color chart
- C 7
- M 0
- Y 74
- K 26
CMYK color chart

● #afbd32 color description : Moderate yellow.

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

Hex triplet	afbd32	`#afbd32`
RGB Decimal	175, 189, 50	`rgb(175,189,50)`
RGB Percent	68.6, 74.1, 19.6	`rgb(68.6%,74.1%,19.6%)`
CMYK	7, 0, 74, 26
HSL	66°, 58.2, 46.9	`hsl(66,58.2%,46.9%)`
HSV (or HSB)	66°, 73.5, 74.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.376, -21.97, 64.085
XYZ	36.452, 45.74, 9.926
xyY	0.396, 0.497, 45.74
CIE-LCH	73.376, 67.747, 108.923
CIE-LUV	73.376, -3.842, 75.208
Hunter-Lab	67.631, -22.145, 38.64
Binary	10101111, 10111101, 00110010

#afbd32
```
#afbd32 rgb(175,189,50)
```
#4032bd
```
#4032bd rgb(64,50,189)
```

Complementary Color

#bd8632
```
#bd8632 rgb(189,134,50)
```
#afbd32
```
#afbd32 rgb(175,189,50)
```
#6abd32
```
#6abd32 rgb(106,189,50)
```

Analogous Color

#8632bd
```
#8632bd rgb(134,50,189)
```
#afbd32
```
#afbd32 rgb(175,189,50)
```
#326abd
```
#326abd rgb(50,106,189)
```

Split Complementary Color

#bd32af
```
#bd32af rgb(189,50,175)
```
#afbd32
```
#afbd32 rgb(175,189,50)
```
#32afbd
```
#32afbd rgb(50,175,189)
```

Triadic Color

#bd4032
```
#bd4032 rgb(189,64,50)
```
#afbd32
```
#afbd32 rgb(175,189,50)
```
#32afbd
```
#32afbd rgb(50,175,189)
```
#4032bd
```
#4032bd rgb(64,50,189)
```

Tetradic Color

#778122
```
#778122 rgb(119,129,34)
```
#8a9527
```
#8a9527 rgb(138,149,39)
```
#9ca92d
```
#9ca92d rgb(156,169,45)
```
#afbd32
```
#afbd32 rgb(175,189,50)
```
#bdcc3d
```
#bdcc3d rgb(189,204,61)
```
#c4d151
```
#c4d151 rgb(196,209,81)
```
#cbd665
```
#cbd665 rgb(203,214,101)
```

Monochromatic Color

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

#bda832
```
#bda832 rgb(189,168,50)
```
#bdb432
```
#bdb432 rgb(189,180,50)
```
#bbbd32
```
#bbbd32 rgb(187,189,50)
```
#afbd32
```
#afbd32 rgb(175,189,50)
```
#a3bd32
```
#a3bd32 rgb(163,189,50)
```
#98bd32
```
#98bd32 rgb(152,189,50)
```
#8cbd32
```
#8cbd32 rgb(140,189,50)
```

Similar Colors

Text with hexadecimal color #afbd32

This text has a font color of #afbd32.

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

#afbd32 background color

This paragraph has a background color of #afbd32.

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

#afbd32 border color

This element has a border color of #afbd32.

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

CSS codes

.text {color:#afbd32;}

.background {background-color:#afbd32;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#111205
```
#111205 rgb(17,18,5)
```
#1f2209
```
#1f2209 rgb(31,34,9)
```
#2e310d
```
#2e310d rgb(46,49,13)
```
#3c4111
```
#3c4111 rgb(60,65,17)
```
#4a5015
```
#4a5015 rgb(74,80,21)
```
#596019
```
#596019 rgb(89,96,25)
```
#676f1d
```
#676f1d rgb(103,111,29)
```
#767f22
```
#767f22 rgb(118,127,34)
```
#848e26
```
#848e26 rgb(132,142,38)
```
#929e2a
```
#929e2a rgb(146,158,42)
```
#a1ad2e
```
#a1ad2e rgb(161,173,46)
```
#afbd32
```
#afbd32 rgb(175,189,50)
```

Shade Color Variation

#bcca38
```
#bcca38 rgb(188,202,56)
```
#c1cf48
```
#c1cf48 rgb(193,207,72)
```
#c6d357
```
#c6d357 rgb(198,211,87)
```
#cbd767
```
#cbd767 rgb(203,215,103)
```
#d1db76
```
#d1db76 rgb(209,219,118)
```
#d6df86
```
#d6df86 rgb(214,223,134)
```
#dbe395
```
#dbe395 rgb(219,227,149)
```
#e0e7a5
```
#e0e7a5 rgb(224,231,165)
```
#e6ebb4
```
#e6ebb4 rgb(230,235,180)
```
#ebefc4
```
#ebefc4 rgb(235,239,196)
```
#f0f3d3
```
#f0f3d3 rgb(240,243,211)
```
#f5f8e3
```
#f5f8e3 rgb(245,248,227)
```
#fbfcf2
```
#fbfcf2 rgb(251,252,242)
```

Tint Color Variation

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

#7c7d72
```
#7c7d72 rgb(124,125,114)
```
#838669
```
#838669 rgb(131,134,105)
```
#8a8f60
```
#8a8f60 rgb(138,143,96)
```
#929857
```
#929857 rgb(146,152,87)
```
#99a14e
```
#99a14e rgb(153,161,78)
```
#a0ab44
```
#a0ab44 rgb(160,171,68)
```
#a8b43b
```
#a8b43b rgb(168,180,59)
```
#afbd32
```
#afbd32 rgb(175,189,50)
```
#b6c629
```
#b6c629 rgb(182,198,41)
```
#becf20
```
#becf20 rgb(190,207,32)
```
#c5d916
```
#c5d916 rgb(197,217,22)
```
#cce20d
```
#cce20d rgb(204,226,13)
```
#d4eb04
```
#d4eb04 rgb(212,235,4)
```

Tone Color Variation

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

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

Trichromacy

#c2ba37 Protanomaly 1% of men, 0.01% of women
#d0b43e Deuteranomaly 6% of men, 0.4% of women
#bab78d Tritanomaly 0.01% of the population