#afab63 hex color

In a RGB color space, hex #afab63 is composed of 68.6% red, 67.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.3% magenta, 43.4% yellow and 31.4% black. It has a hue angle of 56.8 degrees, a saturation of 32.2% and a lightness of 53.7%. #afab63 color hex could be obtained by blending #ffffc6 with #5f5700. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 67
- B 39
RGB color chart
- C 0
- M 2
- Y 43
- K 31
CMYK color chart

● #afab63 color description : Mostly desaturated dark yellow.

The hexadecimal color #afab63 has RGB values of R:175, G:171, B:99 and CMYK values of C:0, M:0.02, Y:0.43, K:0.31. Its decimal value is 11512675.

Hex triplet	afab63	`#afab63`
RGB Decimal	175, 171, 99	`rgb(175,171,99)`
RGB Percent	68.6, 67.1, 38.8	`rgb(68.6%,67.1%,38.8%)`
CMYK	0, 2, 43, 31
HSL	56.8°, 32.2, 53.7	`hsl(56.8,32.2%,53.7%)`
HSV (or HSB)	56.8°, 43.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	68.853, -9.101, 37.473
XYZ	34.494, 39.141, 17.542
xyY	0.378, 0.429, 39.141
CIE-LCH	68.853, 38.562, 103.651
CIE-LUV	68.853, 6.087, 48.458
Hunter-Lab	62.563, -11.069, 27.17
Binary	10101111, 10101011, 01100011

#afab63
```
#afab63 rgb(175,171,99)
```
#6367af
```
#6367af rgb(99,103,175)
```

Complementary Color

#af8563
```
#af8563 rgb(175,133,99)
```
#afab63
```
#afab63 rgb(175,171,99)
```
#8daf63
```
#8daf63 rgb(141,175,99)
```

Analogous Color

#8563af
```
#8563af rgb(133,99,175)
```
#afab63
```
#afab63 rgb(175,171,99)
```
#638daf
```
#638daf rgb(99,141,175)
```

Split Complementary Color

#ab63af
```
#ab63af rgb(171,99,175)
```
#afab63
```
#afab63 rgb(175,171,99)
```
#63afab
```
#63afab rgb(99,175,171)
```

Triadic Color

#af6367
```
#af6367 rgb(175,99,103)
```
#afab63
```
#afab63 rgb(175,171,99)
```
#63afab
```
#63afab rgb(99,175,171)
```
#6367af
```
#6367af rgb(99,103,175)
```

Tetradic Color

#837f43
```
#837f43 rgb(131,127,67)
```
#93904c
```
#93904c rgb(147,144,76)
```
#a4a054
```
#a4a054 rgb(164,160,84)
```
#afab63
```
#afab63 rgb(175,171,99)
```
#b8b474
```
#b8b474 rgb(184,180,116)
```
#c0bd85
```
#c0bd85 rgb(192,189,133)
```
#c9c696
```
#c9c696 rgb(201,198,150)
```

Monochromatic Color

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

#af9863
```
#af9863 rgb(175,152,99)
```
#af9e63
```
#af9e63 rgb(175,158,99)
```
#afa563
```
#afa563 rgb(175,165,99)
```
#afab63
```
#afab63 rgb(175,171,99)
```
#adaf63
```
#adaf63 rgb(173,175,99)
```
#a6af63
```
#a6af63 rgb(166,175,99)
```
#a0af63
```
#a0af63 rgb(160,175,99)
```

Similar Colors

Text with hexadecimal color #afab63

This text has a font color of #afab63.

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

#afab63 background color

This paragraph has a background color of #afab63.

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

#afab63 border color

This element has a border color of #afab63.

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

CSS codes

.text {color:#afab63;}

.background {background-color:#afab63;}

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

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

#0d0c06
```
#0d0c06 rgb(13,12,6)
```
#1a190d
```
#1a190d rgb(26,25,13)
```
#262614
```
#262614 rgb(38,38,20)
```
#33321a
```
#33321a rgb(51,50,26)
```
#403f21
```
#403f21 rgb(64,63,33)
```
#4d4b28
```
#4d4b28 rgb(77,75,40)
```
#5a582e
```
#5a582e rgb(90,88,46)
```
#676535
```
#676535 rgb(103,101,53)
```
#74713c
```
#74713c rgb(116,113,60)
```
#817e42
```
#817e42 rgb(129,126,66)
```
#8e8b49
```
#8e8b49 rgb(142,139,73)
```
#9b9750
```
#9b9750 rgb(155,151,80)
```
#a8a456
```
#a8a456 rgb(168,164,86)
```

Shade Color Variation

#afab63
```
#afab63 rgb(175,171,99)
```
#b6b270
```
#b6b270 rgb(182,178,112)
```
#bcb97d
```
#bcb97d rgb(188,185,125)
```
#c3c08a
```
#c3c08a rgb(195,192,138)
```
#cac797
```
#cac797 rgb(202,199,151)
```
#d0cea4
```
#d0cea4 rgb(208,206,164)
```
#d7d5b1
```
#d7d5b1 rgb(215,213,177)
```
#dedcbe
```
#dedcbe rgb(222,220,190)
```
#e4e3cb
```
#e4e3cb rgb(228,227,203)
```
#ebead8
```
#ebead8 rgb(235,234,216)
```
#f1f1e5
```
#f1f1e5 rgb(241,241,229)
```
#f8f8f2
```
#f8f8f2 rgb(248,248,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b8b87
```
#8b8b87 rgb(139,139,135)
```
#94937e
```
#94937e rgb(148,147,126)
```
#9d9b75
```
#9d9b75 rgb(157,155,117)
```
#a6a36c
```
#a6a36c rgb(166,163,108)
```
#afab63
```
#afab63 rgb(175,171,99)
```
#b8b35a
```
#b8b35a rgb(184,179,90)
```
#c1bb51
```
#c1bb51 rgb(193,187,81)
```
#cac348
```
#cac348 rgb(202,195,72)
```
#d3cb3f
```
#d3cb3f rgb(211,203,63)
```
#dcd436
```
#dcd436 rgb(220,212,54)
```
#e5dc2d
```
#e5dc2d rgb(229,220,45)
```
#efe423
```
#efe423 rgb(239,228,35)
```
#f8ec1a
```
#f8ec1a rgb(248,236,26)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a6a597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcac6a Protanopia 1% of men
#cfa56e Deuteranopia 1% of men
#bca6b2 Tritanopia 0.001% of the population

Trichromacy

#b7ab67 Protanomaly 1% of men, 0.01% of women
#c3a76a Deuteranomaly 6% of men, 0.4% of women
#b7a895 Tritanomaly 0.01% of the population

#afab63 hex color

#afab63 Color Information

#afab63 Color Conversion

Color Schemes with #afab63

Alternatives to #afab63

#afab63 Preview

Shades and Tints of #afab63

Tones of #afab63

Color Blindness Simulator