#afbc63 hex color

In a RGB color space, hex #afbc63 is composed of 68.6% red, 73.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 47.3% yellow and 26.3% black. It has a hue angle of 68.8 degrees, a saturation of 39.9% and a lightness of 56.3%. #afbc63 color hex could be obtained by blending #ffffc6 with #5f7900. Closest websafe color is: #99cc66.

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

● #afbc63 color description : Slightly desaturated yellow.

The hexadecimal color #afbc63 has RGB values of R:175, G:188, B:99 and CMYK values of C:0.07, M:0, Y:0.47, K:0.26. Its decimal value is 11517027.

Hex triplet	afbc63	`#afbc63`
RGB Decimal	175, 188, 99	`rgb(175,188,99)`
RGB Percent	68.6, 73.7, 38.8	`rgb(68.6%,73.7%,38.8%)`
CMYK	7, 0, 47, 26
HSL	68.8°, 39.9, 56.3	`hsl(68.8,39.9%,56.3%)`
HSV (or HSB)	68.8°, 47.3, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.533, -17.855, 43.234
XYZ	37.914, 45.981, 18.682
xyY	0.37, 0.448, 45.981
CIE-LCH	73.533, 46.776, 112.441
CIE-LUV	73.533, -4.131, 57.095
Hunter-Lab	67.81, -18.863, 31.132
Binary	10101111, 10111100, 01100011

#afbc63
```
#afbc63 rgb(175,188,99)
```
#7063bc
```
#7063bc rgb(112,99,188)
```

Complementary Color

#bc9d63
```
#bc9d63 rgb(188,157,99)
```
#afbc63
```
#afbc63 rgb(175,188,99)
```
#83bc63
```
#83bc63 rgb(131,188,99)
```

Analogous Color

#9d63bc
```
#9d63bc rgb(157,99,188)
```
#afbc63
```
#afbc63 rgb(175,188,99)
```
#6383bc
```
#6383bc rgb(99,131,188)
```

Split Complementary Color

#bc63af
```
#bc63af rgb(188,99,175)
```
#afbc63
```
#afbc63 rgb(175,188,99)
```
#63afbc
```
#63afbc rgb(99,175,188)
```

Triadic Color

#bc7063
```
#bc7063 rgb(188,112,99)
```
#afbc63
```
#afbc63 rgb(175,188,99)
```
#63afbc
```
#63afbc rgb(99,175,188)
```
#7063bc
```
#7063bc rgb(112,99,188)
```

Tetradic Color

#87933f
```
#87933f rgb(135,147,63)
```
#97a547
```
#97a547 rgb(151,165,71)
```
#a6b451
```
#a6b451 rgb(166,180,81)
```
#afbc63
```
#afbc63 rgb(175,188,99)
```
#b8c475
```
#b8c475 rgb(184,196,117)
```
#c1cb87
```
#c1cb87 rgb(193,203,135)
```
#cad399
```
#cad399 rgb(202,211,153)
```

Monochromatic Color

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

#bcb363
```
#bcb363 rgb(188,179,99)
```
#bcba63
```
#bcba63 rgb(188,186,99)
```
#b6bc63
```
#b6bc63 rgb(182,188,99)
```
#afbc63
```
#afbc63 rgb(175,188,99)
```
#a8bc63
```
#a8bc63 rgb(168,188,99)
```
#a0bc63
```
#a0bc63 rgb(160,188,99)
```
#99bc63
```
#99bc63 rgb(153,188,99)
```

Similar Colors

Text with hexadecimal color #afbc63

This text has a font color of #afbc63.

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

#afbc63 background color

This paragraph has a background color of #afbc63.

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

#afbc63 border color

This element has a border color of #afbc63.

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

CSS codes

.text {color:#afbc63;}

.background {background-color:#afbc63;}

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

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

#080904
```
#080904 rgb(8,9,4)
```
#15160a
```
#15160a rgb(21,22,10)
```
#212410
```
#212410 rgb(33,36,16)
```
#2e3215
```
#2e3215 rgb(46,50,21)
```
#3a401b
```
#3a401b rgb(58,64,27)
```
#474d21
```
#474d21 rgb(71,77,33)
```
#535b27
```
#535b27 rgb(83,91,39)
```
#60692d
```
#60692d rgb(96,105,45)
```
#6d7633
```
#6d7633 rgb(109,118,51)
```
#798439
```
#798439 rgb(121,132,57)
```
#86923f
```
#86923f rgb(134,146,63)
```
#92a045
```
#92a045 rgb(146,160,69)
```
#9fad4a
```
#9fad4a rgb(159,173,74)
```

Shade Color Variation

#a8b655
```
#a8b655 rgb(168,182,85)
```
#afbc63
```
#afbc63 rgb(175,188,99)
```
#b6c271
```
#b6c271 rgb(182,194,113)
```
#bdc87e
```
#bdc87e rgb(189,200,126)
```
#c4ce8c
```
#c4ce8c rgb(196,206,140)
```
#cbd49a
```
#cbd49a rgb(203,212,154)
```
#d2d9a8
```
#d2d9a8 rgb(210,217,168)
```
#d9dfb5
```
#d9dfb5 rgb(217,223,181)
```
#e0e5c3
```
#e0e5c3 rgb(224,229,195)
```
#e7ebd1
```
#e7ebd1 rgb(231,235,209)
```
#eef1de
```
#eef1de rgb(238,241,222)
```
#f5f7ec
```
#f5f7ec rgb(245,247,236)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#91918e
```
#91918e rgb(145,145,142)
```
#979a85
```
#979a85 rgb(151,154,133)
```
#9da27d
```
#9da27d rgb(157,162,125)
```
#a3ab74
```
#a3ab74 rgb(163,171,116)
```
#a9b36c
```
#a9b36c rgb(169,179,108)
```
#afbc63
```
#afbc63 rgb(175,188,99)
```
#b5c55a
```
#b5c55a rgb(181,197,90)
```
#bbcd52
```
#bbcd52 rgb(187,205,82)
```
#c1d649
```
#c1d649 rgb(193,214,73)
```
#c7de41
```
#c7de41 rgb(199,222,65)
```
#cde738
```
#cde738 rgb(205,231,56)
```
#d3ef30
```
#d3ef30 rgb(211,239,48)
```
#d9f827
```
#d9f827 rgb(217,248,39)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeb19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab868 Protanopia 1% of men
#deb070 Deuteranopia 1% of men
#beb5c2 Tritanopia 0.001% of the population

Trichromacy

#c0b966 Protanomaly 1% of men, 0.01% of women
#cdb46b Deuteranomaly 6% of men, 0.4% of women
#b9b79f Tritanomaly 0.01% of the population

#afbc63 hex color

#afbc63 Color Information

#afbc63 Color Conversion

Color Schemes with #afbc63

Alternatives to #afbc63

#afbc63 Preview

Shades and Tints of #afbc63

Tones of #afbc63

Color Blindness Simulator