#afb663 hex color

In a RGB color space, hex #afb663 is composed of 68.6% red, 71.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 45.6% yellow and 28.6% black. It has a hue angle of 65.1 degrees, a saturation of 36.2% and a lightness of 55.1%. #afb663 color hex could be obtained by blending #ffffc6 with #5f6d00. Closest websafe color is: #99cc66.

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

● #afb663 color description : Slightly desaturated yellow.

The hexadecimal color #afb663 has RGB values of R:175, G:182, B:99 and CMYK values of C:0.04, M:0, Y:0.46, K:0.29. Its decimal value is 11515491.

Hex triplet	afb663	`#afb663`
RGB Decimal	175, 182, 99	`rgb(175,182,99)`
RGB Percent	68.6, 71.4, 38.8	`rgb(68.6%,71.4%,38.8%)`
CMYK	4, 0, 46, 29
HSL	65.1°, 36.2, 55.1	`hsl(65.1,36.2%,55.1%)`
HSV (or HSB)	65.1°, 45.6, 71.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.873, -14.808, 41.207
XYZ	36.659, 43.471, 18.263
xyY	0.373, 0.442, 43.471
CIE-LCH	71.873, 43.787, 109.766
CIE-LUV	71.873, -0.579, 54.068
Hunter-Lab	65.933, -16.135, 29.729
Binary	10101111, 10110110, 01100011

#afb663
```
#afb663 rgb(175,182,99)
```
#6a63b6
```
#6a63b6 rgb(106,99,182)
```

Complementary Color

#b69463
```
#b69463 rgb(182,148,99)
```
#afb663
```
#afb663 rgb(175,182,99)
```
#86b663
```
#86b663 rgb(134,182,99)
```

Analogous Color

#9463b6
```
#9463b6 rgb(148,99,182)
```
#afb663
```
#afb663 rgb(175,182,99)
```
#6386b6
```
#6386b6 rgb(99,134,182)
```

Split Complementary Color

#b663af
```
#b663af rgb(182,99,175)
```
#afb663
```
#afb663 rgb(175,182,99)
```
#63afb6
```
#63afb6 rgb(99,175,182)
```

Triadic Color

#b66a63
```
#b66a63 rgb(182,106,99)
```
#afb663
```
#afb663 rgb(175,182,99)
```
#63afb6
```
#63afb6 rgb(99,175,182)
```
#6a63b6
```
#6a63b6 rgb(106,99,182)
```

Tetradic Color

#858b41
```
#858b41 rgb(133,139,65)
```
#969d49
```
#969d49 rgb(150,157,73)
```
#a6ae52
```
#a6ae52 rgb(166,174,82)
```
#afb663
```
#afb663 rgb(175,182,99)
```
#b8be74
```
#b8be74 rgb(184,190,116)
```
#c1c686
```
#c1c686 rgb(193,198,134)
```
#cace97
```
#cace97 rgb(202,206,151)
```

Monochromatic Color

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

#b6a863
```
#b6a863 rgb(182,168,99)
```
#b6af63
```
#b6af63 rgb(182,175,99)
```
#b6b663
```
#b6b663 rgb(182,182,99)
```
#afb663
```
#afb663 rgb(175,182,99)
```
#a8b663
```
#a8b663 rgb(168,182,99)
```
#a1b663
```
#a1b663 rgb(161,182,99)
```
#9ab663
```
#9ab663 rgb(154,182,99)
```

Similar Colors

Text with hexadecimal color #afb663

This text has a font color of #afb663.

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

#afb663 background color

This paragraph has a background color of #afb663.

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

#afb663 border color

This element has a border color of #afb663.

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

CSS codes

.text {color:#afb663;}

.background {background-color:#afb663;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#111208
```
#111208 rgb(17,18,8)
```
#1e1f0f
```
#1e1f0f rgb(30,31,15)
```
#2a2c15
```
#2a2c15 rgb(42,44,21)
```
#373a1b
```
#373a1b rgb(55,58,27)
```
#444721
```
#444721 rgb(68,71,33)
```
#515528
```
#515528 rgb(81,85,40)
```
#5d622e
```
#5d622e rgb(93,98,46)
```
#6a6f34
```
#6a6f34 rgb(106,111,52)
```
#777d3a
```
#777d3a rgb(119,125,58)
```
#848a41
```
#848a41 rgb(132,138,65)
```
#919747
```
#919747 rgb(145,151,71)
```
#9da54d
```
#9da54d rgb(157,165,77)
```

Shade Color Variation

#a8b056
```
#a8b056 rgb(168,176,86)
```
#afb663
```
#afb663 rgb(175,182,99)
```
#b6bc70
```
#b6bc70 rgb(182,188,112)
```
#bdc37e
```
#bdc37e rgb(189,195,126)
```
#c4c98b
```
#c4c98b rgb(196,201,139)
```
#cacf98
```
#cacf98 rgb(202,207,152)
```
#d1d5a6
```
#d1d5a6 rgb(209,213,166)
```
#d8dcb3
```
#d8dcb3 rgb(216,220,179)
```
#dfe2c1
```
#dfe2c1 rgb(223,226,193)
```
#e6e8ce
```
#e6e8ce rgb(230,232,206)
```
#edeedb
```
#edeedb rgb(237,238,219)
```
#f4f5e9
```
#f4f5e9 rgb(244,245,233)
```
#fafbf6
```
#fafbf6 rgb(250,251,246)
```

Tint Color Variation

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

#929386
```
#929386 rgb(146,147,134)
```
#999c7d
```
#999c7d rgb(153,156,125)
```
#a0a475
```
#a0a475 rgb(160,164,117)
```
#a8ad6c
```
#a8ad6c rgb(168,173,108)
```
#afb663
```
#afb663 rgb(175,182,99)
```
#b6bf5a
```
#b6bf5a rgb(182,191,90)
```
#bec851
```
#bec851 rgb(190,200,81)
```
#c5d049
```
#c5d049 rgb(197,208,73)
```
#ccd940
```
#ccd940 rgb(204,217,64)
```
#d4e237
```
#d4e237 rgb(212,226,55)
```
#dbeb2e
```
#dbeb2e rgb(219,235,46)
```
#e2f425
```
#e2f425 rgb(226,244,37)
```
#eafc1d
```
#eafc1d rgb(234,252,29)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abac9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b469 Protanopia 1% of men
#d9ac6f Deuteranopia 1% of men
#bdb0bc Tritanopia 0.001% of the population

Trichromacy

#bdb466 Protanomaly 1% of men, 0.01% of women
#c9b06a Deuteranomaly 6% of men, 0.4% of women
#b8b29c Tritanomaly 0.01% of the population

#afb663 hex color

#afb663 Color Information

#afb663 Color Conversion

Color Schemes with #afb663

Alternatives to #afb663

#afb663 Preview

Shades and Tints of #afb663

Tones of #afb663

Color Blindness Simulator