#afbf66 hex color

In a RGB color space, hex #afbf66 is composed of 68.6% red, 74.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 0% magenta, 46.6% yellow and 25.1% black. It has a hue angle of 70.8 degrees, a saturation of 41% and a lightness of 57.5%. #afbf66 color hex could be obtained by blending #ffffcc with #5f7f00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 75
- B 40
RGB color chart
- C 8
- M 0
- Y 47
- K 25
CMYK color chart

● #afbf66 color description : Slightly desaturated yellow.

The hexadecimal color #afbf66 has RGB values of R:175, G:191, B:102 and CMYK values of C:0.08, M:0, Y:0.47, K:0.25. Its decimal value is 11517798.

Hex triplet	afbf66	`#afbf66`
RGB Decimal	175, 191, 102	`rgb(175,191,102)`
RGB Percent	68.6, 74.9, 40	`rgb(68.6%,74.9%,40%)`
CMYK	8, 0, 47, 25
HSL	70.8°, 41, 57.5	`hsl(70.8,41%,57.5%)`
HSV (or HSB)	70.8°, 46.6, 74.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.403, -19.055, 42.813
XYZ	38.708, 47.335, 19.667
xyY	0.366, 0.448, 47.335
CIE-LCH	74.403, 46.862, 113.993
CIE-LUV	74.403, -5.952, 57.148
Hunter-Lab	68.8, -19.975, 31.212
Binary	10101111, 10111111, 01100110

#afbf66
```
#afbf66 rgb(175,191,102)
```
#7666bf
```
#7666bf rgb(118,102,191)
```

Complementary Color

#bfa366
```
#bfa366 rgb(191,163,102)
```
#afbf66
```
#afbf66 rgb(175,191,102)
```
#83bf66
```
#83bf66 rgb(131,191,102)
```

Analogous Color

#a366bf
```
#a366bf rgb(163,102,191)
```
#afbf66
```
#afbf66 rgb(175,191,102)
```
#6683bf
```
#6683bf rgb(102,131,191)
```

Split Complementary Color

#bf66af
```
#bf66af rgb(191,102,175)
```
#afbf66
```
#afbf66 rgb(175,191,102)
```
#66afbf
```
#66afbf rgb(102,175,191)
```

Triadic Color

#bf7666
```
#bf7666 rgb(191,118,102)
```
#afbf66
```
#afbf66 rgb(175,191,102)
```
#66afbf
```
#66afbf rgb(102,175,191)
```
#7666bf
```
#7666bf rgb(118,102,191)
```

Tetradic Color

#899940
```
#899940 rgb(137,153,64)
```
#99ab47
```
#99ab47 rgb(153,171,71)
```
#a6b754
```
#a6b754 rgb(166,183,84)
```
#afbf66
```
#afbf66 rgb(175,191,102)
```
#b8c778
```
#b8c778 rgb(184,199,120)
```
#c2ce8a
```
#c2ce8a rgb(194,206,138)
```
#cbd69c
```
#cbd69c rgb(203,214,156)
```

Monochromatic Color

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

#bfb966
```
#bfb966 rgb(191,185,102)
```
#bebf66
```
#bebf66 rgb(190,191,102)
```
#b6bf66
```
#b6bf66 rgb(182,191,102)
```
#afbf66
```
#afbf66 rgb(175,191,102)
```
#a8bf66
```
#a8bf66 rgb(168,191,102)
```
#a0bf66
```
#a0bf66 rgb(160,191,102)
```
#99bf66
```
#99bf66 rgb(153,191,102)
```

Similar Colors

Text with hexadecimal color #afbf66

This text has a font color of #afbf66.

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

#afbf66 background color

This paragraph has a background color of #afbf66.

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

#afbf66 border color

This element has a border color of #afbf66.

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

CSS codes

.text {color:#afbf66;}

.background {background-color:#afbf66;}

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

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

#0c0d05
```
#0c0d05 rgb(12,13,5)
```
#181b0b
```
#181b0b rgb(24,27,11)
```
#242911
```
#242911 rgb(36,41,17)
```
#313617
```
#313617 rgb(49,54,23)
```
#3d441d
```
#3d441d rgb(61,68,29)
```
#4a5222
```
#4a5222 rgb(74,82,34)
```
#566028
```
#566028 rgb(86,96,40)
```
#626e2e
```
#626e2e rgb(98,110,46)
```
#6f7c34
```
#6f7c34 rgb(111,124,52)
```
#7b8939
```
#7b8939 rgb(123,137,57)
```
#87973f
```
#87973f rgb(135,151,63)
```
#94a545
```
#94a545 rgb(148,165,69)
```
#a0b34b
```
#a0b34b rgb(160,179,75)
```

Shade Color Variation

#a8b958
```
#a8b958 rgb(168,185,88)
```
#afbf66
```
#afbf66 rgb(175,191,102)
```
#b6c574
```
#b6c574 rgb(182,197,116)
```
#bdcb82
```
#bdcb82 rgb(189,203,130)
```
#c5d08f
```
#c5d08f rgb(197,208,143)
```
#ccd69d
```
#ccd69d rgb(204,214,157)
```
#d3dcab
```
#d3dcab rgb(211,220,171)
```
#dae2b9
```
#dae2b9 rgb(218,226,185)
```
#e2e7c7
```
#e2e7c7 rgb(226,231,199)
```
#e9edd5
```
#e9edd5 rgb(233,237,213)
```
#f0f3e2
```
#f0f3e2 rgb(240,243,226)
```
#f7f9f0
```
#f7f9f0 rgb(247,249,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#949590
```
#949590 rgb(148,149,144)
```
#9a9e87
```
#9a9e87 rgb(154,158,135)
```
#9fa67f
```
#9fa67f rgb(159,166,127)
```
#a4ae77
```
#a4ae77 rgb(164,174,119)
```
#aab76e
```
#aab76e rgb(170,183,110)
```
#afbf66
```
#afbf66 rgb(175,191,102)
```
#b4c75e
```
#b4c75e rgb(180,199,94)
```
#bad055
```
#bad055 rgb(186,208,85)
```
#bfd84d
```
#bfd84d rgb(191,216,77)
```
#c4e045
```
#c4e045 rgb(196,224,69)
```
#cae93c
```
#cae93c rgb(202,233,60)
```
#cff134
```
#cff134 rgb(207,241,52)
```
#d4f92c
```
#d4f92c rgb(212,249,44)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b3a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccba6b Protanopia 1% of men
#e1b273 Deuteranopia 1% of men
#bfb8c5 Tritanopia 0.001% of the population

Trichromacy

#c1bc69 Protanomaly 1% of men, 0.01% of women
#ceb76e Deuteranomaly 6% of men, 0.4% of women
#b9baa2 Tritanomaly 0.01% of the population

#afbf66 hex color

#afbf66 Color Information

#afbf66 Color Conversion

Color Schemes with #afbf66

Alternatives to #afbf66

#afbf66 Preview

Shades and Tints of #afbf66

Tones of #afbf66

Color Blindness Simulator