#afb370 hex color

In a RGB color space, hex #afb370 is composed of 68.6% red, 70.2% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 37.4% yellow and 29.8% black. It has a hue angle of 63.6 degrees, a saturation of 30.6% and a lightness of 57.1%. #afb370 color hex could be obtained by blending #ffffe0 with #5f6700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 70
- B 44
RGB color chart
- C 2
- M 0
- Y 37
- K 30
CMYK color chart

● #afb370 color description : Slightly desaturated yellow.

The hexadecimal color #afb370 has RGB values of R:175, G:179, B:112 and CMYK values of C:0.02, M:0, Y:0.37, K:0.3. Its decimal value is 11514736.

Hex triplet	afb370	`#afb370`
RGB Decimal	175, 179, 112	`rgb(175,179,112)`
RGB Percent	68.6, 70.2, 43.9	`rgb(68.6%,70.2%,43.9%)`
CMYK	2, 0, 37, 30
HSL	63.6°, 30.6, 57.1	`hsl(63.6,30.6%,57.1%)`
HSV (or HSB)	63.6°, 37.4, 70.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.231, -11.825, 33.751
XYZ	36.723, 42.524, 21.602
xyY	0.364, 0.422, 42.524
CIE-LCH	71.231, 35.763, 109.308
CIE-LUV	71.231, 0.767, 45.629
Hunter-Lab	65.211, -13.596, 26.007
Binary	10101111, 10110011, 01110000

#afb370
```
#afb370 rgb(175,179,112)
```
#7470b3
```
#7470b3 rgb(116,112,179)
```

Complementary Color

#b39670
```
#b39670 rgb(179,150,112)
```
#afb370
```
#afb370 rgb(175,179,112)
```
#8eb370
```
#8eb370 rgb(142,179,112)
```

Analogous Color

#9670b3
```
#9670b3 rgb(150,112,179)
```
#afb370
```
#afb370 rgb(175,179,112)
```
#708eb3
```
#708eb3 rgb(112,142,179)
```

Split Complementary Color

#b370af
```
#b370af rgb(179,112,175)
```
#afb370
```
#afb370 rgb(175,179,112)
```
#70afb3
```
#70afb3 rgb(112,175,179)
```

Triadic Color

#b37470
```
#b37470 rgb(179,116,112)
```
#afb370
```
#afb370 rgb(175,179,112)
```
#70afb3
```
#70afb3 rgb(112,175,179)
```
#7470b3
```
#7470b3 rgb(116,112,179)
```

Tetradic Color

#888c4a
```
#888c4a rgb(136,140,74)
```
#989d53
```
#989d53 rgb(152,157,83)
```
#a6aa5f
```
#a6aa5f rgb(166,170,95)
```
#afb370
```
#afb370 rgb(175,179,112)
```
#b8bc81
```
#b8bc81 rgb(184,188,129)
```
#c2c591
```
#c2c591 rgb(194,197,145)
```
#cbcea2
```
#cbcea2 rgb(203,206,162)
```

Monochromatic Color

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

#b3a670
```
#b3a670 rgb(179,166,112)
```
#b3ac70
```
#b3ac70 rgb(179,172,112)
```
#b3b170
```
#b3b170 rgb(179,177,112)
```
#afb370
```
#afb370 rgb(175,179,112)
```
#a9b370
```
#a9b370 rgb(169,179,112)
```
#a4b370
```
#a4b370 rgb(164,179,112)
```
#9eb370
```
#9eb370 rgb(158,179,112)
```

Similar Colors

Text with hexadecimal color #afb370

This text has a font color of #afb370.

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

#afb370 background color

This paragraph has a background color of #afb370.

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

#afb370 border color

This element has a border color of #afb370.

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

CSS codes

.text {color:#afb370;}

.background {background-color:#afb370;}

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

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)
```
#17180c
```
#17180c rgb(23,24,12)
```
#232413
```
#232413 rgb(35,36,19)
```
#30311a
```
#30311a rgb(48,49,26)
```
#3c3e21
```
#3c3e21 rgb(60,62,33)
```
#494b28
```
#494b28 rgb(73,75,40)
```
#55582f
```
#55582f rgb(85,88,47)
```
#626435
```
#626435 rgb(98,100,53)
```
#6e713c
```
#6e713c rgb(110,113,60)
```
#7a7e43
```
#7a7e43 rgb(122,126,67)
```
#878b4a
```
#878b4a rgb(135,139,74)
```
#939851
```
#939851 rgb(147,152,81)
```
#a0a457
```
#a0a457 rgb(160,164,87)
```

Shade Color Variation

#a8ac63
```
#a8ac63 rgb(168,172,99)
```
#afb370
```
#afb370 rgb(175,179,112)
```
#b6ba7d
```
#b6ba7d rgb(182,186,125)
```
#bdc18a
```
#bdc18a rgb(189,193,138)
```
#c4c796
```
#c4c796 rgb(196,199,150)
```
#cccea3
```
#cccea3 rgb(204,206,163)
```
#d3d5b0
```
#d3d5b0 rgb(211,213,176)
```
#dadcbd
```
#dadcbd rgb(218,220,189)
```
#e1e3ca
```
#e1e3ca rgb(225,227,202)
```
#e8e9d6
```
#e8e9d6 rgb(232,233,214)
```
#eff0e3
```
#eff0e3 rgb(239,240,227)
```
#f7f7f0
```
#f7f7f0 rgb(247,247,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#999a89
```
#999a89 rgb(153,154,137)
```
#a0a281
```
#a0a281 rgb(160,162,129)
```
#a8ab78
```
#a8ab78 rgb(168,171,120)
```
#afb370
```
#afb370 rgb(175,179,112)
```
#b6bb68
```
#b6bb68 rgb(182,187,104)
```
#bec45f
```
#bec45f rgb(190,196,95)
```
#c5cc57
```
#c5cc57 rgb(197,204,87)
```
#cdd54e
```
#cdd54e rgb(205,213,78)
```
#d4dd46
```
#d4dd46 rgb(212,221,70)
```
#dce63d
```
#dce63d rgb(220,230,61)
```
#e3ee35
```
#e3ee35 rgb(227,238,53)
```
#eaf62d
```
#eaf62d rgb(234,246,45)
```
#f2ff24
```
#f2ff24 rgb(242,255,36)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abac9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b275 Protanopia 1% of men
#d4ab7b Deuteranopia 1% of men
#bcaeba Tritanopia 0.001% of the population

Trichromacy

#bab273 Protanomaly 1% of men, 0.01% of women
#c6ae77 Deuteranomaly 6% of men, 0.4% of women
#b7b09f Tritanomaly 0.01% of the population

#afb370 hex color

#afb370 Color Information

#afb370 Color Conversion

Color Schemes with #afb370

Alternatives to #afb370

#afb370 Preview

Shades and Tints of #afb370

Tones of #afb370

Color Blindness Simulator