#afb681 hex color

In a RGB color space, hex #afb681 is composed of 68.6% red, 71.4% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 29.1% yellow and 28.6% black. It has a hue angle of 67.9 degrees, a saturation of 26.6% and a lightness of 61%. #afb681 color hex could be obtained by blending #ffffff with #5f6d03. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 71
- B 51
RGB color chart
- C 4
- M 0
- Y 29
- K 29
CMYK color chart

● #afb681 color description : Slightly desaturated yellow.

The hexadecimal color #afb681 has RGB values of R:175, G:182, B:129 and CMYK values of C:0.04, M:0, Y:0.29, K:0.29. Its decimal value is 11515521.

Hex triplet	afb681	`#afb681`
RGB Decimal	175, 182, 129	`rgb(175,182,129)`
RGB Percent	68.6, 71.4, 50.6	`rgb(68.6%,71.4%,50.6%)`
CMYK	4, 0, 29, 29
HSL	67.9°, 26.6, 61	`hsl(67.9,26.6%,61%)`
HSV (or HSB)	67.9°, 29.1, 71.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.332, -11.211, 26.23
XYZ	38.369, 44.155, 27.269
xyY	0.349, 0.402, 44.155
CIE-LCH	72.332, 28.525, 113.142
CIE-LUV	72.332, -1.604, 37.157
Hunter-Lab	66.449, -13.217, 22.183
Binary	10101111, 10110110, 10000001

#afb681
```
#afb681 rgb(175,182,129)
```
#8881b6
```
#8881b6 rgb(136,129,182)
```

Complementary Color

#b6a381
```
#b6a381 rgb(182,163,129)
```
#afb681
```
#afb681 rgb(175,182,129)
```
#95b681
```
#95b681 rgb(149,182,129)
```

Analogous Color

#a381b6
```
#a381b6 rgb(163,129,182)
```
#afb681
```
#afb681 rgb(175,182,129)
```
#8195b6
```
#8195b6 rgb(129,149,182)
```

Split Complementary Color

#b681af
```
#b681af rgb(182,129,175)
```
#afb681
```
#afb681 rgb(175,182,129)
```
#81afb6
```
#81afb6 rgb(129,175,182)
```

Triadic Color

#b68881
```
#b68881 rgb(182,136,129)
```
#afb681
```
#afb681 rgb(175,182,129)
```
#81afb6
```
#81afb6 rgb(129,175,182)
```
#8881b6
```
#8881b6 rgb(136,129,182)
```

Tetradic Color

#8c9456
```
#8c9456 rgb(140,148,86)
```
#9aa361
```
#9aa361 rgb(154,163,97)
```
#a5ad71
```
#a5ad71 rgb(165,173,113)
```
#afb681
```
#afb681 rgb(175,182,129)
```
#b9bf91
```
#b9bf91 rgb(185,191,145)
```
#c4c9a1
```
#c4c9a1 rgb(196,201,161)
```
#ced2b1
```
#ced2b1 rgb(206,210,177)
```

Monochromatic Color

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

#b6b081
```
#b6b081 rgb(182,176,129)
```
#b6b481
```
#b6b481 rgb(182,180,129)
```
#b3b681
```
#b3b681 rgb(179,182,129)
```
#afb681
```
#afb681 rgb(175,182,129)
```
#abb681
```
#abb681 rgb(171,182,129)
```
#a6b681
```
#a6b681 rgb(166,182,129)
```
#a2b681
```
#a2b681 rgb(162,182,129)
```

Similar Colors

Text with hexadecimal color #afb681

This text has a font color of #afb681.

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

#afb681 background color

This paragraph has a background color of #afb681.

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

#afb681 border color

This element has a border color of #afb681.

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

CSS codes

.text {color:#afb681;}

.background {background-color:#afb681;}

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

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

#0a0b06
```
#0a0b06 rgb(10,11,6)
```
#16170d
```
#16170d rgb(22,23,13)
```
#212315
```
#212315 rgb(33,35,21)
```
#2d301c
```
#2d301c rgb(45,48,28)
```
#393c23
```
#393c23 rgb(57,60,35)
```
#45492a
```
#45492a rgb(69,73,42)
```
#505531
```
#505531 rgb(80,85,49)
```
#5c6239
```
#5c6239 rgb(92,98,57)
```
#686e40
```
#686e40 rgb(104,110,64)
```
#747a47
```
#747a47 rgb(116,122,71)
```
#7f874e
```
#7f874e rgb(127,135,78)
```
#8b9355
```
#8b9355 rgb(139,147,85)
```
#97a05c
```
#97a05c rgb(151,160,92)
```

Shade Color Variation

#9fa868
```
#9fa868 rgb(159,168,104)
```
#a7af75
```
#a7af75 rgb(167,175,117)
```
#afb681
```
#afb681 rgb(175,182,129)
```
#b7bd8d
```
#b7bd8d rgb(183,189,141)
```
#bfc49a
```
#bfc49a rgb(191,196,154)
```
#c7cca6
```
#c7cca6 rgb(199,204,166)
```
#cfd3b3
```
#cfd3b3 rgb(207,211,179)
```
#d6dabf
```
#d6dabf rgb(214,218,191)
```
#dee1cc
```
#dee1cc rgb(222,225,204)
```
#e6e8d8
```
#e6e8d8 rgb(230,232,216)
```
#eef0e4
```
#eef0e4 rgb(238,240,228)
```
#f6f7f1
```
#f6f7f1 rgb(246,247,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9e9f98
```
#9e9f98 rgb(158,159,152)
```
#a4a790
```
#a4a790 rgb(164,167,144)
```
#a9ae89
```
#a9ae89 rgb(169,174,137)
```
#afb681
```
#afb681 rgb(175,182,129)
```
#b5be79
```
#b5be79 rgb(181,190,121)
```
#bac572
```
#bac572 rgb(186,197,114)
```
#c0cd6a
```
#c0cd6a rgb(192,205,106)
```
#c6d562
```
#c6d562 rgb(198,213,98)
```
#cbdc5b
```
#cbdc5b rgb(203,220,91)
```
#d1e453
```
#d1e453 rgb(209,228,83)
```
#d6ec4b
```
#d6ec4b rgb(214,236,75)
```
#dcf344
```
#dcf344 rgb(220,243,68)
```
#e2fb3c
```
#e2fb3c rgb(226,251,60)
```

Tone Color Variation

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

Dichromacy

#c2b585 Protanopia 1% of men
#d4ae8b Deuteranopia 1% of men
#bbb2bf Tritanopia 0.001% of the population

Trichromacy

#bbb583 Protanomaly 1% of men, 0.01% of women
#c6b187 Deuteranomaly 6% of men, 0.4% of women
#b6b3a8 Tritanomaly 0.01% of the population

#afb681 hex color

#afb681 Color Information

#afb681 Color Conversion

Color Schemes with #afb681

Alternatives to #afb681

#afb681 Preview

Shades and Tints of #afb681

Tones of #afb681

Color Blindness Simulator