#afbd66 hex color

In a RGB color space, hex #afbd66 is composed of 68.6% red, 74.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 46% yellow and 25.9% black. It has a hue angle of 69.7 degrees, a saturation of 39.7% and a lightness of 57.1%. #afbd66 color hex could be obtained by blending #ffffcc with #5f7b00. Closest websafe color is: #99cc66.

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

● #afbd66 color description : Slightly desaturated yellow.

The hexadecimal color #afbd66 has RGB values of R:175, G:189, B:102 and CMYK values of C:0.07, M:0, Y:0.46, K:0.26. Its decimal value is 11517286.

Hex triplet	afbd66	`#afbd66`
RGB Decimal	175, 189, 102	`rgb(175,189,102)`
RGB Percent	68.6, 74.1, 40	`rgb(68.6%,74.1%,40%)`
CMYK	7, 0, 46, 26
HSL	69.7°, 39.7, 57.1	`hsl(69.7,39.7%,57.1%)`
HSV (or HSB)	69.7°, 46, 74.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.849, -18.051, 42.134
XYZ	38.275, 46.469, 19.523
xyY	0.367, 0.446, 46.469
CIE-LCH	73.849, 45.837, 113.191
CIE-LUV	73.849, -4.79, 56.134
Hunter-Lab	68.168, -19.07, 30.737
Binary	10101111, 10111101, 01100110

#afbd66
```
#afbd66 rgb(175,189,102)
```
#7466bd
```
#7466bd rgb(116,102,189)
```

Complementary Color

#bda066
```
#bda066 rgb(189,160,102)
```
#afbd66
```
#afbd66 rgb(175,189,102)
```
#84bd66
```
#84bd66 rgb(132,189,102)
```

Analogous Color

#a066bd
```
#a066bd rgb(160,102,189)
```
#afbd66
```
#afbd66 rgb(175,189,102)
```
#6684bd
```
#6684bd rgb(102,132,189)
```

Split Complementary Color

#bd66af
```
#bd66af rgb(189,102,175)
```
#afbd66
```
#afbd66 rgb(175,189,102)
```
#66afbd
```
#66afbd rgb(102,175,189)
```

Triadic Color

#bd7466
```
#bd7466 rgb(189,116,102)
```
#afbd66
```
#afbd66 rgb(175,189,102)
```
#66afbd
```
#66afbd rgb(102,175,189)
```
#7466bd
```
#7466bd rgb(116,102,189)
```

Tetradic Color

#889641
```
#889641 rgb(136,150,65)
```
#98a848
```
#98a848 rgb(152,168,72)
```
#a6b554
```
#a6b554 rgb(166,181,84)
```
#afbd66
```
#afbd66 rgb(175,189,102)
```
#b8c578
```
#b8c578 rgb(184,197,120)
```
#c2cc8a
```
#c2cc8a rgb(194,204,138)
```
#cbd49b
```
#cbd49b rgb(203,212,155)
```

Monochromatic Color

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

#bdb566
```
#bdb566 rgb(189,181,102)
```
#bdbd66
```
#bdbd66 rgb(189,189,102)
```
#b6bd66
```
#b6bd66 rgb(182,189,102)
```
#afbd66
```
#afbd66 rgb(175,189,102)
```
#a8bd66
```
#a8bd66 rgb(168,189,102)
```
#a1bd66
```
#a1bd66 rgb(161,189,102)
```
#99bd66
```
#99bd66 rgb(153,189,102)
```

Similar Colors

Text with hexadecimal color #afbd66

This text has a font color of #afbd66.

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

#afbd66 background color

This paragraph has a background color of #afbd66.

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

#afbd66 border color

This element has a border color of #afbd66.

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

CSS codes

.text {color:#afbd66;}

.background {background-color:#afbd66;}

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

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, #0a0b05 is the darkest color, while #fefefd is the lightest one.

#0a0b05
```
#0a0b05 rgb(10,11,5)
```
#17190b
```
#17190b rgb(23,25,11)
```
#232711
```
#232711 rgb(35,39,17)
```
#303517
```
#303517 rgb(48,53,23)
```
#3c421d
```
#3c421d rgb(60,66,29)
```
#495022
```
#495022 rgb(73,80,34)
```
#555e28
```
#555e28 rgb(85,94,40)
```
#626b2e
```
#626b2e rgb(98,107,46)
```
#6e7934
```
#6e7934 rgb(110,121,52)
```
#7a873a
```
#7a873a rgb(122,135,58)
```
#879440
```
#879440 rgb(135,148,64)
```
#93a246
```
#93a246 rgb(147,162,70)
```
#a0b04c
```
#a0b04c rgb(160,176,76)
```

Shade Color Variation

#a8b758
```
#a8b758 rgb(168,183,88)
```
#afbd66
```
#afbd66 rgb(175,189,102)
```
#b6c374
```
#b6c374 rgb(182,195,116)
```
#bdc981
```
#bdc981 rgb(189,201,129)
```
#c4cf8f
```
#c4cf8f rgb(196,207,143)
```
#ccd59d
```
#ccd59d rgb(204,213,157)
```
#d3dbab
```
#d3dbab rgb(211,219,171)
```
#dae0b8
```
#dae0b8 rgb(218,224,184)
```
#e1e6c6
```
#e1e6c6 rgb(225,230,198)
```
#e8ecd4
```
#e8ecd4 rgb(232,236,212)
```
#eff2e1
```
#eff2e1 rgb(239,242,225)
```
#f7f8ef
```
#f7f8ef rgb(247,248,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#929390
```
#929390 rgb(146,147,144)
```
#989b88
```
#989b88 rgb(152,155,136)
```
#9ea47f
```
#9ea47f rgb(158,164,127)
```
#a4ac77
```
#a4ac77 rgb(164,172,119)
```
#a9b56e
```
#a9b56e rgb(169,181,110)
```
#afbd66
```
#afbd66 rgb(175,189,102)
```
#b5c55e
```
#b5c55e rgb(181,197,94)
```
#bace55
```
#bace55 rgb(186,206,85)
```
#c0d64d
```
#c0d64d rgb(192,214,77)
```
#c6df44
```
#c6df44 rgb(198,223,68)
```
#cce73c
```
#cce73c rgb(204,231,60)
```
#d1f033
```
#d1f033 rgb(209,240,51)
```
#d7f82b
```
#d7f82b rgb(215,248,43)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afb2a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab96b Protanopia 1% of men
#dfb172 Deuteranopia 1% of men
#beb6c3 Tritanopia 0.001% of the population

Trichromacy

#c0ba69 Protanomaly 1% of men, 0.01% of women
#cdb56e Deuteranomaly 6% of men, 0.4% of women
#b9b8a1 Tritanomaly 0.01% of the population

#afbd66 hex color

#afbd66 Color Information

#afbd66 Color Conversion

Color Schemes with #afbd66

Alternatives to #afbd66

#afbd66 Preview

Shades and Tints of #afbd66

Tones of #afbd66

Color Blindness Simulator