#afb970 hex color

In a RGB color space, hex #afb970 is composed of 68.6% red, 72.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 39.5% yellow and 27.5% black. It has a hue angle of 68.2 degrees, a saturation of 34.3% and a lightness of 58.2%. #afb970 color hex could be obtained by blending #ffffe0 with #5f7300. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 73
- B 44
RGB color chart
- C 5
- M 0
- Y 39
- K 27
CMYK color chart

● #afb970 color description : Slightly desaturated yellow.

The hexadecimal color #afb970 has RGB values of R:175, G:185, B:112 and CMYK values of C:0.05, M:0, Y:0.39, K:0.27. Its decimal value is 11516272.

Hex triplet	afb970	`#afb970`
RGB Decimal	175, 185, 112	`rgb(175,185,112)`
RGB Percent	68.6, 72.5, 43.9	`rgb(68.6%,72.5%,43.9%)`
CMYK	5, 0, 39, 27
HSL	68.2°, 34.3, 58.2	`hsl(68.2,34.3%,58.2%)`
HSV (or HSB)	68.2°, 39.5, 72.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.88, -14.915, 35.862
XYZ	37.952, 44.982, 22.011
xyY	0.362, 0.429, 44.982
CIE-LCH	72.88, 38.84, 112.583
CIE-LUV	72.88, -2.74, 48.833
Hunter-Lab	67.069, -16.362, 27.489
Binary	10101111, 10111001, 01110000

#afb970
```
#afb970 rgb(175,185,112)
```
#7a70b9
```
#7a70b9 rgb(122,112,185)
```

Complementary Color

#b99f70
```
#b99f70 rgb(185,159,112)
```
#afb970
```
#afb970 rgb(175,185,112)
```
#8bb970
```
#8bb970 rgb(139,185,112)
```

Analogous Color

#9f70b9
```
#9f70b9 rgb(159,112,185)
```
#afb970
```
#afb970 rgb(175,185,112)
```
#708bb9
```
#708bb9 rgb(112,139,185)
```

Split Complementary Color

#b970af
```
#b970af rgb(185,112,175)
```
#afb970
```
#afb970 rgb(175,185,112)
```
#70afb9
```
#70afb9 rgb(112,175,185)
```

Triadic Color

#b97a70
```
#b97a70 rgb(185,122,112)
```
#afb970
```
#afb970 rgb(175,185,112)
```
#70afb9
```
#70afb9 rgb(112,175,185)
```
#7a70b9
```
#7a70b9 rgb(122,112,185)
```

Tetradic Color

#8a9448
```
#8a9448 rgb(138,148,72)
```
#9aa551
```
#9aa551 rgb(154,165,81)
```
#a5b15f
```
#a5b15f rgb(165,177,95)
```
#afb970
```
#afb970 rgb(175,185,112)
```
#b9c181
```
#b9c181 rgb(185,193,129)
```
#c2ca92
```
#c2ca92 rgb(194,202,146)
```
#ccd2a3
```
#ccd2a3 rgb(204,210,163)
```

Monochromatic Color

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

#b9b170
```
#b9b170 rgb(185,177,112)
```
#b9b770
```
#b9b770 rgb(185,183,112)
```
#b5b970
```
#b5b970 rgb(181,185,112)
```
#afb970
```
#afb970 rgb(175,185,112)
```
#a9b970
```
#a9b970 rgb(169,185,112)
```
#a3b970
```
#a3b970 rgb(163,185,112)
```
#9db970
```
#9db970 rgb(157,185,112)
```

Similar Colors

Text with hexadecimal color #afb970

This text has a font color of #afb970.

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

#afb970 background color

This paragraph has a background color of #afb970.

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

#afb970 border color

This element has a border color of #afb970.

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

CSS codes

.text {color:#afb970;}

.background {background-color:#afb970;}

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

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)
```
#0e0f07
```
#0e0f07 rgb(14,15,7)
```
#1a1c0e
```
#1a1c0e rgb(26,28,14)
```
#262914
```
#262914 rgb(38,41,20)
```
#33371b
```
#33371b rgb(51,55,27)
```
#3f4421
```
#3f4421 rgb(63,68,33)
```
#4b5128
```
#4b5128 rgb(75,81,40)
```
#575e2e
```
#575e2e rgb(87,94,46)
```
#646b34
```
#646b34 rgb(100,107,52)
```
#70783b
```
#70783b rgb(112,120,59)
```
#7c8641
```
#7c8641 rgb(124,134,65)
```
#889348
```
#889348 rgb(136,147,72)
```
#95a04e
```
#95a04e rgb(149,160,78)
```

Shade Color Variation

#a0ac56
```
#a0ac56 rgb(160,172,86)
```
#a8b363
```
#a8b363 rgb(168,179,99)
```
#afb970
```
#afb970 rgb(175,185,112)
```
#b6bf7d
```
#b6bf7d rgb(182,191,125)
```
#bec68a
```
#bec68a rgb(190,198,138)
```
#c5cc98
```
#c5cc98 rgb(197,204,152)
```
#ccd3a5
```
#ccd3a5 rgb(204,211,165)
```
#d4d9b2
```
#d4d9b2 rgb(212,217,178)
```
#dbe0bf
```
#dbe0bf rgb(219,224,191)
```
#e3e6cc
```
#e3e6cc rgb(227,230,204)
```
#eaedd9
```
#eaedd9 rgb(234,237,217)
```
#f1f3e7
```
#f1f3e7 rgb(241,243,231)
```
#f9f9f4
```
#f9f9f4 rgb(249,249,244)
```

Tint Color Variation

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

#979891
```
#979891 rgb(151,152,145)
```
#9da089
```
#9da089 rgb(157,160,137)
```
#a3a980
```
#a3a980 rgb(163,169,128)
```
#a9b178
```
#a9b178 rgb(169,177,120)
```
#afb970
```
#afb970 rgb(175,185,112)
```
#b5c168
```
#b5c168 rgb(181,193,104)
```
#bbc960
```
#bbc960 rgb(187,201,96)
```
#c1d257
```
#c1d257 rgb(193,210,87)
```
#c7da4f
```
#c7da4f rgb(199,218,79)
```
#cde247
```
#cde247 rgb(205,226,71)
```
#d3ea3f
```
#d3ea3f rgb(211,234,63)
```
#d9f237
```
#d9f237 rgb(217,242,55)
```
#dffb2e
```
#dffb2e rgb(223,251,46)
```

Tone Color Variation

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

Dichromacy

#c6b675 Protanopia 1% of men
#daaf7b Deuteranopia 1% of men
#bdb3c0 Tritanopia 0.001% of the population

Trichromacy

#beb773 Protanomaly 1% of men, 0.01% of women
#cab277 Deuteranomaly 6% of men, 0.4% of women
#b8b5a3 Tritanomaly 0.01% of the population

#afb970 hex color

#afb970 Color Information

#afb970 Color Conversion

Color Schemes with #afb970

Alternatives to #afb970

#afb970 Preview

Shades and Tints of #afb970

Tones of #afb970

Color Blindness Simulator