#afb347 hex color

In a RGB color space, hex #afb347 is composed of 68.6% red, 70.2% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 60.3% yellow and 29.8% black. It has a hue angle of 62.2 degrees, a saturation of 43.2% and a lightness of 49%. #afb347 color hex could be obtained by blending #ffff8e with #5f6700. Closest websafe color is: #99cc33.

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

● #afb347 color description : Moderate yellow.

The hexadecimal color #afb347 has RGB values of R:175, G:179, B:71 and CMYK values of C:0.02, M:0, Y:0.6, K:0.3. Its decimal value is 11514695.

Hex triplet	afb347	`#afb347`
RGB Decimal	175, 179, 71	`rgb(175,179,71)`
RGB Percent	68.6, 70.2, 27.8	`rgb(68.6%,70.2%,27.8%)`
CMYK	2, 0, 60, 30
HSL	62.2°, 43.2, 49	`hsl(62.2,43.2%,49%)`
HSV (or HSB)	62.2°, 60.3, 70.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	70.739, -15.711, 53.156
XYZ	34.936, 41.81, 12.191
xyY	0.393, 0.47, 41.81
CIE-LCH	70.739, 55.43, 106.466
CIE-LUV	70.739, 2.007, 64.605
Hunter-Lab	64.66, -16.71, 34.084
Binary	10101111, 10110011, 01000111

#afb347
```
#afb347 rgb(175,179,71)
```
#4b47b3
```
#4b47b3 rgb(75,71,179)
```

Complementary Color

#b38147
```
#b38147 rgb(179,129,71)
```
#afb347
```
#afb347 rgb(175,179,71)
```
#79b347
```
#79b347 rgb(121,179,71)
```

Analogous Color

#8147b3
```
#8147b3 rgb(129,71,179)
```
#afb347
```
#afb347 rgb(175,179,71)
```
#4779b3
```
#4779b3 rgb(71,121,179)
```

Split Complementary Color

#b347af
```
#b347af rgb(179,71,175)
```
#afb347
```
#afb347 rgb(175,179,71)
```
#47afb3
```
#47afb3 rgb(71,175,179)
```

Triadic Color

#b34b47
```
#b34b47 rgb(179,75,71)
```
#afb347
```
#afb347 rgb(175,179,71)
```
#47afb3
```
#47afb3 rgb(71,175,179)
```
#4b47b3
```
#4b47b3 rgb(75,71,179)
```

Tetradic Color

#797c31
```
#797c31 rgb(121,124,49)
```
#8b8e39
```
#8b8e39 rgb(139,142,57)
```
#9da140
```
#9da140 rgb(157,161,64)
```
#afb347
```
#afb347 rgb(175,179,71)
```
#b9bc57
```
#b9bc57 rgb(185,188,87)
```
#c0c469
```
#c0c469 rgb(192,196,105)
```
#c8cb7c
```
#c8cb7c rgb(200,203,124)
```

Monochromatic Color

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

#b39c47
```
#b39c47 rgb(179,156,71)
```
#b3a547
```
#b3a547 rgb(179,165,71)
```
#b3ae47
```
#b3ae47 rgb(179,174,71)
```
#afb347
```
#afb347 rgb(175,179,71)
```
#a6b347
```
#a6b347 rgb(166,179,71)
```
#9db347
```
#9db347 rgb(157,179,71)
```
#94b347
```
#94b347 rgb(148,179,71)
```

Similar Colors

Text with hexadecimal color #afb347

This text has a font color of #afb347.

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

#afb347 background color

This paragraph has a background color of #afb347.

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

#afb347 border color

This element has a border color of #afb347.

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

CSS codes

.text {color:#afb347;}

.background {background-color:#afb347;}

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

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

#0a0a04
```
#0a0a04 rgb(10,10,4)
```
#18190a
```
#18190a rgb(24,25,10)
```
#26270f
```
#26270f rgb(38,39,15)
```
#333515
```
#333515 rgb(51,53,21)
```
#41431a
```
#41431a rgb(65,67,26)
```
#4f5120
```
#4f5120 rgb(79,81,32)
```
#5d5f26
```
#5d5f26 rgb(93,95,38)
```
#6a6d2b
```
#6a6d2b rgb(106,109,43)
```
#787b31
```
#787b31 rgb(120,123,49)
```
#868936
```
#868936 rgb(134,137,54)
```
#94973c
```
#94973c rgb(148,151,60)
```
#a1a541
```
#a1a541 rgb(161,165,65)
```
#afb347
```
#afb347 rgb(175,179,71)
```

Shade Color Variation

#b7bb53
```
#b7bb53 rgb(183,187,83)
```
#bdc061
```
#bdc061 rgb(189,192,97)
```
#c3c66f
```
#c3c66f rgb(195,198,111)
```
#c9cb7d
```
#c9cb7d rgb(201,203,125)
```
#ced18b
```
#ced18b rgb(206,209,139)
```
#d4d799
```
#d4d799 rgb(212,215,153)
```
#dadca7
```
#dadca7 rgb(218,220,167)
```
#e0e2b5
```
#e0e2b5 rgb(224,226,181)
```
#e6e7c3
```
#e6e7c3 rgb(230,231,195)
```
#ecedd1
```
#ecedd1 rgb(236,237,209)
```
#f2f2df
```
#f2f2df rgb(242,242,223)
```
#f8f8ed
```
#f8f8ed rgb(248,248,237)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#828377
```
#828377 rgb(130,131,119)
```
#8b8d6d
```
#8b8d6d rgb(139,141,109)
```
#949664
```
#949664 rgb(148,150,100)
```
#9da05a
```
#9da05a rgb(157,160,90)
```
#a6a951
```
#a6a951 rgb(166,169,81)
```
#afb347
```
#afb347 rgb(175,179,71)
```
#b8bd3d
```
#b8bd3d rgb(184,189,61)
```
#c1c634
```
#c1c634 rgb(193,198,52)
```
#cad02a
```
#cad02a rgb(202,208,42)
```
#d3d921
```
#d3d921 rgb(211,217,33)
```
#dce317
```
#dce317 rgb(220,227,23)
```
#e4ed0d
```
#e4ed0d rgb(228,237,13)
```
#edf604
```
#edf604 rgb(237,246,4)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b14f Protanopia 1% of men
#d9a955 Deuteranopia 1% of men
#beacb8 Tritanopia 0.001% of the population

Trichromacy

#bcb24c Protanomaly 1% of men, 0.01% of women
#c9ac50 Deuteranomaly 6% of men, 0.4% of women
#b9ae8f Tritanomaly 0.01% of the population

#afb347 hex color

#afb347 Color Information

#afb347 Color Conversion

Color Schemes with #afb347

Alternatives to #afb347

#afb347 Preview

Shades and Tints of #afb347

Tones of #afb347

Color Blindness Simulator