#afb667 hex color

In a RGB color space, hex #afb667 is composed of 68.6% red, 71.4% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 43.4% yellow and 28.6% black. It has a hue angle of 65.3 degrees, a saturation of 35.1% and a lightness of 55.9%. #afb667 color hex could be obtained by blending #ffffce with #5f6d00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 71
- B 40
RGB color chart
- C 4
- M 0
- Y 43
- K 29
CMYK color chart

● #afb667 color description : Slightly desaturated yellow.

The hexadecimal color #afb667 has RGB values of R:175, G:182, B:103 and CMYK values of C:0.04, M:0, Y:0.43, K:0.29. Its decimal value is 11515495.

Hex triplet	afb667	`#afb667`
RGB Decimal	175, 182, 103	`rgb(175,182,103)`
RGB Percent	68.6, 71.4, 40.4	`rgb(68.6%,71.4%,40.4%)`
CMYK	4, 0, 43, 29
HSL	65.3°, 35.1, 55.9	`hsl(65.3,35.1%,55.9%)`
HSV (or HSB)	65.3°, 43.4, 71.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.926, -14.388, 39.258
XYZ	36.855, 43.549, 19.296
xyY	0.37, 0.437, 43.549
CIE-LCH	71.926, 41.812, 110.127
CIE-LUV	71.926, -0.701, 52.05
Hunter-Lab	65.992, -15.798, 28.858
Binary	10101111, 10110110, 01100111

#afb667
```
#afb667 rgb(175,182,103)
```
#6e67b6
```
#6e67b6 rgb(110,103,182)
```

Complementary Color

#b69667
```
#b69667 rgb(182,150,103)
```
#afb667
```
#afb667 rgb(175,182,103)
```
#88b667
```
#88b667 rgb(136,182,103)
```

Analogous Color

#9667b6
```
#9667b6 rgb(150,103,182)
```
#afb667
```
#afb667 rgb(175,182,103)
```
#6788b6
```
#6788b6 rgb(103,136,182)
```

Split Complementary Color

#b667af
```
#b667af rgb(182,103,175)
```
#afb667
```
#afb667 rgb(175,182,103)
```
#67afb6
```
#67afb6 rgb(103,175,182)
```

Triadic Color

#b66e67
```
#b66e67 rgb(182,110,103)
```
#afb667
```
#afb667 rgb(175,182,103)
```
#67afb6
```
#67afb6 rgb(103,175,182)
```
#6e67b6
```
#6e67b6 rgb(110,103,182)
```

Tetradic Color

#868d44
```
#868d44 rgb(134,141,68)
```
#979e4c
```
#979e4c rgb(151,158,76)
```
#a6ae56
```
#a6ae56 rgb(166,174,86)
```
#afb667
```
#afb667 rgb(175,182,103)
```
#b8be78
```
#b8be78 rgb(184,190,120)
```
#c1c789
```
#c1c789 rgb(193,199,137)
```
#cacf9b
```
#cacf9b rgb(202,207,155)
```

Monochromatic Color

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

#b6a967
```
#b6a967 rgb(182,169,103)
```
#b6b067
```
#b6b067 rgb(182,176,103)
```
#b6b667
```
#b6b667 rgb(182,182,103)
```
#afb667
```
#afb667 rgb(175,182,103)
```
#a8b667
```
#a8b667 rgb(168,182,103)
```
#a2b667
```
#a2b667 rgb(162,182,103)
```
#9bb667
```
#9bb667 rgb(155,182,103)
```

Similar Colors

Text with hexadecimal color #afb667

This text has a font color of #afb667.

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

#afb667 background color

This paragraph has a background color of #afb667.

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

#afb667 border color

This element has a border color of #afb667.

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

CSS codes

.text {color:#afb667;}

.background {background-color:#afb667;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#13140a
```
#13140a rgb(19,20,10)
```
#202210
```
#202210 rgb(32,34,16)
```
#2d2f16
```
#2d2f16 rgb(45,47,22)
```
#393c1d
```
#393c1d rgb(57,60,29)
```
#464923
```
#464923 rgb(70,73,35)
```
#53572a
```
#53572a rgb(83,87,42)
```
#5f6430
```
#5f6430 rgb(95,100,48)
```
#6c7136
```
#6c7136 rgb(108,113,54)
```
#787e3d
```
#787e3d rgb(120,126,61)
```
#858c43
```
#858c43 rgb(133,140,67)
```
#929949
```
#929949 rgb(146,153,73)
```
#9ea650
```
#9ea650 rgb(158,166,80)
```

Shade Color Variation

#a8b05a
```
#a8b05a rgb(168,176,90)
```
#afb667
```
#afb667 rgb(175,182,103)
```
#b6bc74
```
#b6bc74 rgb(182,188,116)
```
#bdc382
```
#bdc382 rgb(189,195,130)
```
#c4c98f
```
#c4c98f rgb(196,201,143)
```
#cbcf9c
```
#cbcf9c rgb(203,207,156)
```
#d2d6a9
```
#d2d6a9 rgb(210,214,169)
```
#d9dcb7
```
#d9dcb7 rgb(217,220,183)
```
#e0e3c4
```
#e0e3c4 rgb(224,227,196)
```
#e7e9d1
```
#e7e9d1 rgb(231,233,209)
```
#eeefde
```
#eeefde rgb(238,239,222)
```
#f5f6ec
```
#f5f6ec rgb(245,246,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#93938a
```
#93938a rgb(147,147,138)
```
#9a9c81
```
#9a9c81 rgb(154,156,129)
```
#a1a578
```
#a1a578 rgb(161,165,120)
```
#a8ad70
```
#a8ad70 rgb(168,173,112)
```
#afb667
```
#afb667 rgb(175,182,103)
```
#b6bf5e
```
#b6bf5e rgb(182,191,94)
```
#bdc756
```
#bdc756 rgb(189,199,86)
```
#c4d04d
```
#c4d04d rgb(196,208,77)
```
#cbd944
```
#cbd944 rgb(203,217,68)
```
#d3e13c
```
#d3e13c rgb(211,225,60)
```
#daea33
```
#daea33 rgb(218,234,51)
```
#e1f32a
```
#e1f32a rgb(225,243,42)
```
#e8fb22
```
#e8fb22 rgb(232,251,34)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acad9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b46d Protanopia 1% of men
#d8ac73 Deuteranopia 1% of men
#bdb0bd Tritanopia 0.001% of the population

Trichromacy

#bdb46a Protanomaly 1% of men, 0.01% of women
#c9b06e Deuteranomaly 6% of men, 0.4% of women
#b8b29d Tritanomaly 0.01% of the population

#afb667 hex color

#afb667 Color Information

#afb667 Color Conversion

Color Schemes with #afb667

Alternatives to #afb667

#afb667 Preview

Shades and Tints of #afb667

Tones of #afb667

Color Blindness Simulator