#afbd56 hex color

In a RGB color space, hex #afbd56 is composed of 68.6% red, 74.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 54.5% yellow and 25.9% black. It has a hue angle of 68.2 degrees, a saturation of 43.8% and a lightness of 53.9%. #afbd56 color hex could be obtained by blending #ffffac with #5f7b00. Closest websafe color is: #99cc66.

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

● #afbd56 color description : Moderate yellow.

The hexadecimal color #afbd56 has RGB values of R:175, G:189, B:86 and CMYK values of C:0.07, M:0, Y:0.54, K:0.26. Its decimal value is 11517270.

Hex triplet	afbd56	`#afbd56`
RGB Decimal	175, 189, 86	`rgb(175,189,86)`
RGB Percent	68.6, 74.1, 33.7	`rgb(68.6%,74.1%,33.7%)`
CMYK	7, 0, 54, 26
HSL	68.2°, 43.8, 53.9	`hsl(68.2,43.8%,53.9%)`
HSV (or HSB)	68.2°, 54.5, 74.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.663, -19.576, 49.628
XYZ	37.556, 46.181, 15.739
xyY	0.378, 0.464, 46.181
CIE-LCH	73.663, 53.35, 111.526
CIE-LUV	73.663, -4.427, 63.436
Hunter-Lab	67.957, -20.277, 33.838
Binary	10101111, 10111101, 01010110

#afbd56
```
#afbd56 rgb(175,189,86)
```
#6456bd
```
#6456bd rgb(100,86,189)
```

Complementary Color

#bd9856
```
#bd9856 rgb(189,152,86)
```
#afbd56
```
#afbd56 rgb(175,189,86)
```
#7cbd56
```
#7cbd56 rgb(124,189,86)
```

Analogous Color

#9856bd
```
#9856bd rgb(152,86,189)
```
#afbd56
```
#afbd56 rgb(175,189,86)
```
#567cbd
```
#567cbd rgb(86,124,189)
```

Split Complementary Color

#bd56af
```
#bd56af rgb(189,86,175)
```
#afbd56
```
#afbd56 rgb(175,189,86)
```
#56afbd
```
#56afbd rgb(86,175,189)
```

Triadic Color

#bd6456
```
#bd6456 rgb(189,100,86)
```
#afbd56
```
#afbd56 rgb(175,189,86)
```
#56afbd
```
#56afbd rgb(86,175,189)
```
#6456bd
```
#6456bd rgb(100,86,189)
```

Tetradic Color

#838f38
```
#838f38 rgb(131,143,56)
```
#94a13f
```
#94a13f rgb(148,161,63)
```
#a5b346
```
#a5b346 rgb(165,179,70)
```
#afbd56
```
#afbd56 rgb(175,189,86)
```
#b8c468
```
#b8c468 rgb(184,196,104)
```
#c0cb7b
```
#c0cb7b rgb(192,203,123)
```
#c9d28d
```
#c9d28d rgb(201,210,141)
```

Monochromatic Color

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

#bdb156
```
#bdb156 rgb(189,177,86)
```
#bdba56
```
#bdba56 rgb(189,186,86)
```
#b8bd56
```
#b8bd56 rgb(184,189,86)
```
#afbd56
```
#afbd56 rgb(175,189,86)
```
#a6bd56
```
#a6bd56 rgb(166,189,86)
```
#9ebd56
```
#9ebd56 rgb(158,189,86)
```
#95bd56
```
#95bd56 rgb(149,189,86)
```

Similar Colors

Text with hexadecimal color #afbd56

This text has a font color of #afbd56.

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

#afbd56 background color

This paragraph has a background color of #afbd56.

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

#afbd56 border color

This element has a border color of #afbd56.

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

CSS codes

.text {color:#afbd56;}

.background {background-color:#afbd56;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0e06
```
#0d0e06 rgb(13,14,6)
```
#1a1c0b
```
#1a1c0b rgb(26,28,11)
```
#272b11
```
#272b11 rgb(39,43,17)
```
#343916
```
#343916 rgb(52,57,22)
```
#41471c
```
#41471c rgb(65,71,28)
```
#4e5521
```
#4e5521 rgb(78,85,33)
```
#5b6327
```
#5b6327 rgb(91,99,39)
```
#68712c
```
#68712c rgb(104,113,44)
```
#757f32
```
#757f32 rgb(117,127,50)
```
#828d37
```
#828d37 rgb(130,141,55)
```
#8f9b3d
```
#8f9b3d rgb(143,155,61)
```
#9caa42
```
#9caa42 rgb(156,170,66)
```

Shade Color Variation

#a8b748
```
#a8b748 rgb(168,183,72)
```
#afbd56
```
#afbd56 rgb(175,189,86)
```
#b6c364
```
#b6c364 rgb(182,195,100)
```
#bcc872
```
#bcc872 rgb(188,200,114)
```
#c3ce80
```
#c3ce80 rgb(195,206,128)
```
#cad38e
```
#cad38e rgb(202,211,142)
```
#d0d99d
```
#d0d99d rgb(208,217,157)
```
#d7deab
```
#d7deab rgb(215,222,171)
```
#dee4b9
```
#dee4b9 rgb(222,228,185)
```
#e4e9c7
```
#e4e9c7 rgb(228,233,199)
```
#ebefd5
```
#ebefd5 rgb(235,239,213)
```
#f2f4e3
```
#f2f4e3 rgb(242,244,227)
```
#f8faf1
```
#f8faf1 rgb(248,250,241)
```

Tint Color Variation

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

#8e9083
```
#8e9083 rgb(142,144,131)
```
#95997a
```
#95997a rgb(149,153,122)
```
#9ba271
```
#9ba271 rgb(155,162,113)
```
#a2ab68
```
#a2ab68 rgb(162,171,104)
```
#a8b45f
```
#a8b45f rgb(168,180,95)
```
#afbd56
```
#afbd56 rgb(175,189,86)
```
#b6c64d
```
#b6c64d rgb(182,198,77)
```
#bccf44
```
#bccf44 rgb(188,207,68)
```
#c3d83b
```
#c3d83b rgb(195,216,59)
```
#c9e132
```
#c9e132 rgb(201,225,50)
```
#d0ea29
```
#d0ea29 rgb(208,234,41)
```
#d6f320
```
#d6f320 rgb(214,243,32)
```
#ddfc17
```
#ddfc17 rgb(221,252,23)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adb09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb85c Protanopia 1% of men
#e1b064 Deuteranopia 1% of men
#bfb5c2 Tritanopia 0.001% of the population

Trichromacy

#c1ba5a Protanomaly 1% of men, 0.01% of women
#ceb55f Deuteranomaly 6% of men, 0.4% of women
#b9b89b Tritanomaly 0.01% of the population

#afbd56 hex color

#afbd56 Color Information

#afbd56 Color Conversion

Color Schemes with #afbd56

Alternatives to #afbd56

#afbd56 Preview

Shades and Tints of #afbd56

Tones of #afbd56

Color Blindness Simulator