#afb963 hex color

In a RGB color space, hex #afb963 is composed of 68.6% red, 72.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 46.5% yellow and 27.5% black. It has a hue angle of 67 degrees, a saturation of 38.1% and a lightness of 55.7%. #afb963 color hex could be obtained by blending #ffffc6 with #5f7300. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 73
- B 39
RGB color chart
- C 5
- M 0
- Y 46
- K 27
CMYK color chart

● #afb963 color description : Slightly desaturated yellow.

The hexadecimal color #afb963 has RGB values of R:175, G:185, B:99 and CMYK values of C:0.05, M:0, Y:0.46, K:0.27. Its decimal value is 11516259.

Hex triplet	afb963	`#afb963`
RGB Decimal	175, 185, 99	`rgb(175,185,99)`
RGB Percent	68.6, 72.5, 38.8	`rgb(68.6%,72.5%,38.8%)`
CMYK	5, 0, 46, 27
HSL	67°, 38.1, 55.7	`hsl(67,38.1%,55.7%)`
HSV (or HSB)	67°, 46.5, 72.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.702, -16.337, 42.222
XYZ	37.28, 44.713, 18.47
xyY	0.371, 0.445, 44.713
CIE-LCH	72.702, 45.272, 111.154
CIE-LUV	72.702, -2.363, 55.584
Hunter-Lab	66.868, -17.502, 30.43
Binary	10101111, 10111001, 01100011

#afb963
```
#afb963 rgb(175,185,99)
```
#6d63b9
```
#6d63b9 rgb(109,99,185)
```

Complementary Color

#b99863
```
#b99863 rgb(185,152,99)
```
#afb963
```
#afb963 rgb(175,185,99)
```
#84b963
```
#84b963 rgb(132,185,99)
```

Analogous Color

#9863b9
```
#9863b9 rgb(152,99,185)
```
#afb963
```
#afb963 rgb(175,185,99)
```
#6384b9
```
#6384b9 rgb(99,132,185)
```

Split Complementary Color

#b963af
```
#b963af rgb(185,99,175)
```
#afb963
```
#afb963 rgb(175,185,99)
```
#63afb9
```
#63afb9 rgb(99,175,185)
```

Triadic Color

#b96d63
```
#b96d63 rgb(185,109,99)
```
#afb963
```
#afb963 rgb(175,185,99)
```
#63afb9
```
#63afb9 rgb(99,175,185)
```
#6d63b9
```
#6d63b9 rgb(109,99,185)
```

Tetradic Color

#868f40
```
#868f40 rgb(134,143,64)
```
#97a148
```
#97a148 rgb(151,161,72)
```
#a6b151
```
#a6b151 rgb(166,177,81)
```
#afb963
```
#afb963 rgb(175,185,99)
```
#b8c175
```
#b8c175 rgb(184,193,117)
```
#c1c986
```
#c1c986 rgb(193,201,134)
```
#cad198
```
#cad198 rgb(202,209,152)
```

Monochromatic Color

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

#b9ae63
```
#b9ae63 rgb(185,174,99)
```
#b9b563
```
#b9b563 rgb(185,181,99)
```
#b6b963
```
#b6b963 rgb(182,185,99)
```
#afb963
```
#afb963 rgb(175,185,99)
```
#a8b963
```
#a8b963 rgb(168,185,99)
```
#a1b963
```
#a1b963 rgb(161,185,99)
```
#9ab963
```
#9ab963 rgb(154,185,99)
```

Similar Colors

Text with hexadecimal color #afb963

This text has a font color of #afb963.

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

#afb963 background color

This paragraph has a background color of #afb963.

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

#afb963 border color

This element has a border color of #afb963.

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

CSS codes

.text {color:#afb963;}

.background {background-color:#afb963;}

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

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

#060603
```
#060603 rgb(6,6,3)
```
#131409
```
#131409 rgb(19,20,9)
```
#1f220f
```
#1f220f rgb(31,34,15)
```
#2c2f15
```
#2c2f15 rgb(44,47,21)
```
#393d1b
```
#393d1b rgb(57,61,27)
```
#454a21
```
#454a21 rgb(69,74,33)
```
#525827
```
#525827 rgb(82,88,39)
```
#5f652d
```
#5f652d rgb(95,101,45)
```
#6b7334
```
#6b7334 rgb(107,115,52)
```
#78803a
```
#78803a rgb(120,128,58)
```
#858e40
```
#858e40 rgb(133,142,64)
```
#919b46
```
#919b46 rgb(145,155,70)
```
#9ea94c
```
#9ea94c rgb(158,169,76)
```

Shade Color Variation

#a8b355
```
#a8b355 rgb(168,179,85)
```
#afb963
```
#afb963 rgb(175,185,99)
```
#b6bf71
```
#b6bf71 rgb(182,191,113)
```
#bdc57e
```
#bdc57e rgb(189,197,126)
```
#c4cb8c
```
#c4cb8c rgb(196,203,140)
```
#cbd199
```
#cbd199 rgb(203,209,153)
```
#d2d7a7
```
#d2d7a7 rgb(210,215,167)
```
#d9ddb4
```
#d9ddb4 rgb(217,221,180)
```
#e0e4c2
```
#e0e4c2 rgb(224,228,194)
```
#e7eacf
```
#e7eacf rgb(231,234,207)
```
#edf0dd
```
#edf0dd rgb(237,240,221)
```
#f4f6ea
```
#f4f6ea rgb(244,246,234)
```
#fbfcf8
```
#fbfcf8 rgb(251,252,248)
```

Tint Color Variation

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

#949686
```
#949686 rgb(148,150,134)
```
#9b9f7d
```
#9b9f7d rgb(155,159,125)
```
#a2a874
```
#a2a874 rgb(162,168,116)
```
#a8b06c
```
#a8b06c rgb(168,176,108)
```
#afb963
```
#afb963 rgb(175,185,99)
```
#b6c25a
```
#b6c25a rgb(182,194,90)
```
#bcca52
```
#bcca52 rgb(188,202,82)
```
#c3d349
```
#c3d349 rgb(195,211,73)
```
#cadc40
```
#cadc40 rgb(202,220,64)
```
#d0e438
```
#d0e438 rgb(208,228,56)
```
#d7ed2f
```
#d7ed2f rgb(215,237,47)
```
#def626
```
#def626 rgb(222,246,38)
```
#e4ff1d
```
#e4ff1d rgb(228,255,29)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adaf9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b669 Protanopia 1% of men
#dbae6f Deuteranopia 1% of men
#beb2bf Tritanopia 0.001% of the population

Trichromacy

#beb766 Protanomaly 1% of men, 0.01% of women
#cbb26b Deuteranomaly 6% of men, 0.4% of women
#b8b59d Tritanomaly 0.01% of the population

#afb963 hex color

#afb963 Color Information

#afb963 Color Conversion

Color Schemes with #afb963

Alternatives to #afb963

#afb963 Preview

Shades and Tints of #afb963

Tones of #afb963

Color Blindness Simulator