#afb682 hex color

In a RGB color space, hex #afb682 is composed of 68.6% red, 71.4% green and 51% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 28.6% yellow and 28.6% black. It has a hue angle of 68.1 degrees, a saturation of 26.3% and a lightness of 61.2%. #afb682 color hex could be obtained by blending #ffffff with #5f6d05. 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

● #afb682 color description : Slightly desaturated yellow.

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

Hex triplet	afb682	`#afb682`
RGB Decimal	175, 182, 130	`rgb(175,182,130)`
RGB Percent	68.6, 71.4, 51	`rgb(68.6%,71.4%,51%)`
CMYK	4, 0, 29, 29
HSL	68.1°, 26.3, 61.2	`hsl(68.1,26.3%,61.2%)`
HSV (or HSB)	68.1°, 28.6, 71.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.35, -11.073, 25.721
XYZ	38.436, 44.182, 27.621
xyY	0.349, 0.401, 44.182
CIE-LCH	72.35, 28.003, 113.293
CIE-LUV	72.35, -1.642, 36.527
Hunter-Lab	66.469, -13.104, 21.891
Binary	10101111, 10110110, 10000010

#afb682
```
#afb682 rgb(175,182,130)
```
#8982b6
```
#8982b6 rgb(137,130,182)
```

Complementary Color

#b6a382
```
#b6a382 rgb(182,163,130)
```
#afb682
```
#afb682 rgb(175,182,130)
```
#95b682
```
#95b682 rgb(149,182,130)
```

Analogous Color

#a382b6
```
#a382b6 rgb(163,130,182)
```
#afb682
```
#afb682 rgb(175,182,130)
```
#8295b6
```
#8295b6 rgb(130,149,182)
```

Split Complementary Color

#b682af
```
#b682af rgb(182,130,175)
```
#afb682
```
#afb682 rgb(175,182,130)
```
#82afb6
```
#82afb6 rgb(130,175,182)
```

Triadic Color

#b68982
```
#b68982 rgb(182,137,130)
```
#afb682
```
#afb682 rgb(175,182,130)
```
#82afb6
```
#82afb6 rgb(130,175,182)
```
#8982b6
```
#8982b6 rgb(137,130,182)
```

Tetradic Color

#8c9557
```
#8c9557 rgb(140,149,87)
```
#9aa362
```
#9aa362 rgb(154,163,98)
```
#a5ad72
```
#a5ad72 rgb(165,173,114)
```
#afb682
```
#afb682 rgb(175,182,130)
```
#b9bf92
```
#b9bf92 rgb(185,191,146)
```
#c4c9a2
```
#c4c9a2 rgb(196,201,162)
```
#ced2b2
```
#ced2b2 rgb(206,210,178)
```

Monochromatic Color

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

#b6b082
```
#b6b082 rgb(182,176,130)
```
#b6b482
```
#b6b482 rgb(182,180,130)
```
#b3b682
```
#b3b682 rgb(179,182,130)
```
#afb682
```
#afb682 rgb(175,182,130)
```
#abb682
```
#abb682 rgb(171,182,130)
```
#a6b682
```
#a6b682 rgb(166,182,130)
```
#a2b682
```
#a2b682 rgb(162,182,130)
```

Similar Colors

Text with hexadecimal color #afb682

This text has a font color of #afb682.

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

#afb682 background color

This paragraph has a background color of #afb682.

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

#afb682 border color

This element has a border color of #afb682.

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

CSS codes

.text {color:#afb682;}

.background {background-color:#afb682;}

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

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

#0b0b07
```
#0b0b07 rgb(11,11,7)
```
#16180e
```
#16180e rgb(22,24,14)
```
#222415
```
#222415 rgb(34,36,21)
```
#2e301c
```
#2e301c rgb(46,48,28)
```
#393d23
```
#393d23 rgb(57,61,35)
```
#45492b
```
#45492b rgb(69,73,43)
```
#515632
```
#515632 rgb(81,86,50)
```
#5c6239
```
#5c6239 rgb(92,98,57)
```
#686e40
```
#686e40 rgb(104,110,64)
```
#747b48
```
#747b48 rgb(116,123,72)
```
#7f874f
```
#7f874f rgb(127,135,79)
```
#8b9356
```
#8b9356 rgb(139,147,86)
```
#97a05d
```
#97a05d rgb(151,160,93)
```

Shade Color Variation

#9fa869
```
#9fa869 rgb(159,168,105)
```
#a7af76
```
#a7af76 rgb(167,175,118)
```
#afb682
```
#afb682 rgb(175,182,130)
```
#b7bd8e
```
#b7bd8e rgb(183,189,142)
```
#bfc49b
```
#bfc49b rgb(191,196,155)
```
#c7cca7
```
#c7cca7 rgb(199,204,167)
```
#cfd3b4
```
#cfd3b4 rgb(207,211,180)
```
#d7dac0
```
#d7dac0 rgb(215,218,192)
```
#dfe1cc
```
#dfe1cc rgb(223,225,204)
```
#e6e9d9
```
#e6e9d9 rgb(230,233,217)
```
#eef0e5
```
#eef0e5 rgb(238,240,229)
```
#f6f7f1
```
#f6f7f1 rgb(246,247,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#9e9f99
```
#9e9f99 rgb(158,159,153)
```
#a4a791
```
#a4a791 rgb(164,167,145)
```
#a9ae8a
```
#a9ae8a rgb(169,174,138)
```
#afb682
```
#afb682 rgb(175,182,130)
```
#b5be7a
```
#b5be7a rgb(181,190,122)
```
#bac573
```
#bac573 rgb(186,197,115)
```
#c0cd6b
```
#c0cd6b rgb(192,205,107)
```
#c5d464
```
#c5d464 rgb(197,212,100)
```
#cbdc5c
```
#cbdc5c rgb(203,220,92)
```
#d0e454
```
#d0e454 rgb(208,228,84)
```
#d6eb4d
```
#d6eb4d rgb(214,235,77)
```
#dcf345
```
#dcf345 rgb(220,243,69)
```
#e1fb3d
```
#e1fb3d rgb(225,251,61)
```

Tone Color Variation

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

#c2b586 Protanopia 1% of men
#d4ae8c Deuteranopia 1% of men
#bbb2bf Tritanopia 0.001% of the population

Trichromacy

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

#afb682 hex color

#afb682 Color Information

#afb682 Color Conversion

Color Schemes with #afb682

Alternatives to #afb682

#afb682 Preview

Shades and Tints of #afb682

Tones of #afb682

Color Blindness Simulator