#afaa67 hex color

In a RGB color space, hex #afaa67 is composed of 68.6% red, 66.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 41.1% yellow and 31.4% black. It has a hue angle of 55.8 degrees, a saturation of 31% and a lightness of 54.5%. #afaa67 color hex could be obtained by blending #ffffce with #5f5500. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 67
- B 40
RGB color chart
- C 0
- M 3
- Y 41
- K 31
CMYK color chart

● #afaa67 color description : Mostly desaturated dark yellow.

The hexadecimal color #afaa67 has RGB values of R:175, G:170, B:103 and CMYK values of C:0, M:0.03, Y:0.41, K:0.31. Its decimal value is 11512423.

Hex triplet	afaa67	`#afaa67`
RGB Decimal	175, 170, 103	`rgb(175,170,103)`
RGB Percent	68.6, 66.7, 40.4	`rgb(68.6%,66.7%,40.4%)`
CMYK	0, 3, 41, 31
HSL	55.8°, 31, 54.5	`hsl(55.8,31%,54.5%)`
HSV (or HSB)	55.8°, 41.1, 68.6
Web Safe	999966	`#999966`

CIE-LAB	68.638, -8.143, 35.131
XYZ	34.502, 38.843, 18.511
xyY	0.376, 0.423, 38.843
CIE-LCH	68.638, 36.063, 103.05
CIE-LUV	68.638, 6.531, 45.825
Hunter-Lab	62.324, -10.253, 26.017
Binary	10101111, 10101010, 01100111

#afaa67
```
#afaa67 rgb(175,170,103)
```
#676caf
```
#676caf rgb(103,108,175)
```

Complementary Color

#af8667
```
#af8667 rgb(175,134,103)
```
#afaa67
```
#afaa67 rgb(175,170,103)
```
#90af67
```
#90af67 rgb(144,175,103)
```

Analogous Color

#8667af
```
#8667af rgb(134,103,175)
```
#afaa67
```
#afaa67 rgb(175,170,103)
```
#6790af
```
#6790af rgb(103,144,175)
```

Split Complementary Color

#aa67af
```
#aa67af rgb(170,103,175)
```
#afaa67
```
#afaa67 rgb(175,170,103)
```
#67afaa
```
#67afaa rgb(103,175,170)
```

Triadic Color

#af676c
```
#af676c rgb(175,103,108)
```
#afaa67
```
#afaa67 rgb(175,170,103)
```
#67afaa
```
#67afaa rgb(103,175,170)
```
#676caf
```
#676caf rgb(103,108,175)
```

Tetradic Color

#848045
```
#848045 rgb(132,128,69)
```
#95904e
```
#95904e rgb(149,144,78)
```
#a5a057
```
#a5a057 rgb(165,160,87)
```
#afaa67
```
#afaa67 rgb(175,170,103)
```
#b8b378
```
#b8b378 rgb(184,179,120)
```
#c1bd88
```
#c1bd88 rgb(193,189,136)
```
#c9c699
```
#c9c699 rgb(201,198,153)
```

Monochromatic Color

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

#af9867
```
#af9867 rgb(175,152,103)
```
#af9e67
```
#af9e67 rgb(175,158,103)
```
#afa467
```
#afa467 rgb(175,164,103)
```
#afaa67
```
#afaa67 rgb(175,170,103)
```
#aeaf67
```
#aeaf67 rgb(174,175,103)
```
#a8af67
```
#a8af67 rgb(168,175,103)
```
#a2af67
```
#a2af67 rgb(162,175,103)
```

Similar Colors

Text with hexadecimal color #afaa67

This text has a font color of #afaa67.

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

#afaa67 background color

This paragraph has a background color of #afaa67.

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

#afaa67 border color

This element has a border color of #afaa67.

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

CSS codes

.text {color:#afaa67;}

.background {background-color:#afaa67;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0f08
```
#0f0f08 rgb(15,15,8)
```
#1c1b0f
```
#1c1b0f rgb(28,27,15)
```
#292715
```
#292715 rgb(41,39,21)
```
#36341c
```
#36341c rgb(54,52,28)
```
#424023
```
#424023 rgb(66,64,35)
```
#4f4d2a
```
#4f4d2a rgb(79,77,42)
```
#5c5931
```
#5c5931 rgb(92,89,49)
```
#696637
```
#696637 rgb(105,102,55)
```
#76723e
```
#76723e rgb(118,114,62)
```
#837e45
```
#837e45 rgb(131,126,69)
```
#908b4c
```
#908b4c rgb(144,139,76)
```
#9c9752
```
#9c9752 rgb(156,151,82)
```

Shade Color Variation

#a8a35a
```
#a8a35a rgb(168,163,90)
```
#afaa67
```
#afaa67 rgb(175,170,103)
```
#b6b174
```
#b6b174 rgb(182,177,116)
```
#bdb881
```
#bdb881 rgb(189,184,129)
```
#c3c08e
```
#c3c08e rgb(195,192,142)
```
#cac79a
```
#cac79a rgb(202,199,154)
```
#d1cea7
```
#d1cea7 rgb(209,206,167)
```
#d8d5b4
```
#d8d5b4 rgb(216,213,180)
```
#dedcc1
```
#dedcc1 rgb(222,220,193)
```
#e5e3ce
```
#e5e3ce rgb(229,227,206)
```
#ecebdb
```
#ecebdb rgb(236,235,219)
```
#f3f2e8
```
#f3f2e8 rgb(243,242,232)
```
#f9f9f4
```
#f9f9f4 rgb(249,249,244)
```

Tint Color Variation

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

#8b8b8b
```
#8b8b8b rgb(139,139,139)
```
#949382
```
#949382 rgb(148,147,130)
```
#9d9b79
```
#9d9b79 rgb(157,155,121)
```
#a6a270
```
#a6a270 rgb(166,162,112)
```
#afaa67
```
#afaa67 rgb(175,170,103)
```
#b8b25e
```
#b8b25e rgb(184,178,94)
```
#c1b955
```
#c1b955 rgb(193,185,85)
```
#cac14c
```
#cac14c rgb(202,193,76)
```
#d3c943
```
#d3c943 rgb(211,201,67)
```
#dcd03a
```
#dcd03a rgb(220,208,58)
```
#e5d831
```
#e5d831 rgb(229,216,49)
```
#ede029
```
#ede029 rgb(237,224,41)
```
#f6e720
```
#f6e720 rgb(246,231,32)
```

Tone Color Variation

Below, you can see how #afaa67 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
#a6a598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbab6e Protanopia 1% of men
#cda471 Deuteranopia 1% of men
#bba6b1 Tritanopia 0.001% of the population

Trichromacy

#b6ab6b Protanomaly 1% of men, 0.01% of women
#c2a66d Deuteranomaly 6% of men, 0.4% of women
#b7a796 Tritanomaly 0.01% of the population

#afaa67 hex color

#afaa67 Color Information

#afaa67 Color Conversion

Color Schemes with #afaa67

Alternatives to #afaa67

#afaa67 Preview

Shades and Tints of #afaa67

Tones of #afaa67

Color Blindness Simulator