#afad63 hex color

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

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

● #afad63 color description : Mostly desaturated dark yellow.

The hexadecimal color #afad63 has RGB values of R:175, G:173, B:99 and CMYK values of C:0, M:0.01, Y:0.43, K:0.31. Its decimal value is 11513187.

Hex triplet	afad63	`#afad63`
RGB Decimal	175, 173, 99	`rgb(175,173,99)`
RGB Percent	68.6, 67.8, 38.8	`rgb(68.6%,67.8%,38.8%)`
CMYK	0, 1, 43, 31
HSL	58.4°, 32.2, 53.7	`hsl(58.4,32.2%,53.7%)`
HSV (or HSB)	58.4°, 43.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	69.4, -10.15, 38.153
XYZ	34.875, 39.902, 17.669
xyY	0.377, 0.432, 39.902
CIE-LCH	69.4, 39.48, 104.897
CIE-LUV	69.4, 4.86, 49.483
Hunter-Lab	63.168, -11.997, 27.634
Binary	10101111, 10101101, 01100011

#afad63
```
#afad63 rgb(175,173,99)
```
#6365af
```
#6365af rgb(99,101,175)
```

Complementary Color

#af8763
```
#af8763 rgb(175,135,99)
```
#afad63
```
#afad63 rgb(175,173,99)
```
#8baf63
```
#8baf63 rgb(139,175,99)
```

Analogous Color

#8763af
```
#8763af rgb(135,99,175)
```
#afad63
```
#afad63 rgb(175,173,99)
```
#638baf
```
#638baf rgb(99,139,175)
```

Split Complementary Color

#ad63af
```
#ad63af rgb(173,99,175)
```
#afad63
```
#afad63 rgb(175,173,99)
```
#63afad
```
#63afad rgb(99,175,173)
```

Triadic Color

#af6365
```
#af6365 rgb(175,99,101)
```
#afad63
```
#afad63 rgb(175,173,99)
```
#63afad
```
#63afad rgb(99,175,173)
```
#6365af
```
#6365af rgb(99,101,175)
```

Tetradic Color

#838143
```
#838143 rgb(131,129,67)
```
#93924c
```
#93924c rgb(147,146,76)
```
#a4a254
```
#a4a254 rgb(164,162,84)
```
#afad63
```
#afad63 rgb(175,173,99)
```
#b8b674
```
#b8b674 rgb(184,182,116)
```
#c0bf85
```
#c0bf85 rgb(192,191,133)
```
#c9c896
```
#c9c896 rgb(201,200,150)
```

Monochromatic Color

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

#af9a63
```
#af9a63 rgb(175,154,99)
```
#afa063
```
#afa063 rgb(175,160,99)
```
#afa763
```
#afa763 rgb(175,167,99)
```
#afad63
```
#afad63 rgb(175,173,99)
```
#abaf63
```
#abaf63 rgb(171,175,99)
```
#a4af63
```
#a4af63 rgb(164,175,99)
```
#9eaf63
```
#9eaf63 rgb(158,175,99)
```

Similar Colors

Text with hexadecimal color #afad63

This text has a font color of #afad63.

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

#afad63 background color

This paragraph has a background color of #afad63.

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

#afad63 border color

This element has a border color of #afad63.

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

CSS codes

.text {color:#afad63;}

.background {background-color:#afad63;}

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

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)
```
#33331a
```
#33331a rgb(51,51,26)
```
#404021
```
#404021 rgb(64,64,33)
```
#4d4c28
```
#4d4c28 rgb(77,76,40)
```
#5a592e
```
#5a592e rgb(90,89,46)
```
#676635
```
#676635 rgb(103,102,53)
```
#74733c
```
#74733c rgb(116,115,60)
```
#818042
```
#818042 rgb(129,128,66)
```
#8e8c49
```
#8e8c49 rgb(142,140,73)
```
#9b9950
```
#9b9950 rgb(155,153,80)
```
#a8a656
```
#a8a656 rgb(168,166,86)
```

Shade Color Variation

#afad63
```
#afad63 rgb(175,173,99)
```
#b6b470
```
#b6b470 rgb(182,180,112)
```
#bcbb7d
```
#bcbb7d rgb(188,187,125)
```
#c3c18a
```
#c3c18a rgb(195,193,138)
```
#cac897
```
#cac897 rgb(202,200,151)
```
#d0cfa4
```
#d0cfa4 rgb(208,207,164)
```
#d7d6b1
```
#d7d6b1 rgb(215,214,177)
```
#deddbe
```
#deddbe rgb(222,221,190)
```
#e4e4cb
```
#e4e4cb rgb(228,228,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 #f8f21a is the most saturated one.

#8b8b87
```
#8b8b87 rgb(139,139,135)
```
#94937e
```
#94937e rgb(148,147,126)
```
#9d9c75
```
#9d9c75 rgb(157,156,117)
```
#a6a46c
```
#a6a46c rgb(166,164,108)
```
#afad63
```
#afad63 rgb(175,173,99)
```
#b8b65a
```
#b8b65a rgb(184,182,90)
```
#c1be51
```
#c1be51 rgb(193,190,81)
```
#cac748
```
#cac748 rgb(202,199,72)
```
#d3cf3f
```
#d3cf3f rgb(211,207,63)
```
#dcd836
```
#dcd836 rgb(220,216,54)
```
#e5e12d
```
#e5e12d rgb(229,225,45)
```
#efe923
```
#efe923 rgb(239,233,35)
```
#f8f21a
```
#f8f21a rgb(248,242,26)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a798 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdad69 Protanopia 1% of men
#d0a66e Deuteranopia 1% of men
#bca8b4 Tritanopia 0.001% of the population

Trichromacy

#b8ad67 Protanomaly 1% of men, 0.01% of women
#c4a86a Deuteranomaly 6% of men, 0.4% of women
#b7aa96 Tritanomaly 0.01% of the population

#afad63 hex color

#afad63 Color Information

#afad63 Color Conversion

Color Schemes with #afad63

Alternatives to #afad63

#afad63 Preview

Shades and Tints of #afad63

Tones of #afad63

Color Blindness Simulator