#afb357 hex color

In a RGB color space, hex #afb357 is composed of 68.6% red, 70.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 51.4% yellow and 29.8% black. It has a hue angle of 62.6 degrees, a saturation of 37.7% and a lightness of 52.2%. #afb357 color hex could be obtained by blending #ffffae with #5f6700. Closest websafe color is: #99cc66.

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

● #afb357 color description : Moderate yellow.

The hexadecimal color #afb357 has RGB values of R:175, G:179, B:87 and CMYK values of C:0.02, M:0, Y:0.51, K:0.3. Its decimal value is 11514711.

Hex triplet	afb357	`#afb357`
RGB Decimal	175, 179, 87	`rgb(175,179,87)`
RGB Percent	68.6, 70.2, 34.1	`rgb(68.6%,70.2%,34.1%)`
CMYK	2, 0, 51, 30
HSL	62.6°, 37.7, 52.2	`hsl(62.6,37.7%,52.2%)`
HSV (or HSB)	62.6°, 51.4, 70.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	70.9, -14.424, 45.94
XYZ	35.519, 42.043, 15.26
xyY	0.383, 0.453, 42.043
CIE-LCH	70.9, 48.152, 107.431
CIE-LUV	70.9, 1.589, 58.202
Hunter-Lab	64.84, -15.689, 31.434
Binary	10101111, 10110011, 01010111

#afb357
```
#afb357 rgb(175,179,87)
```
#5b57b3
```
#5b57b3 rgb(91,87,179)
```

Complementary Color

#b38957
```
#b38957 rgb(179,137,87)
```
#afb357
```
#afb357 rgb(175,179,87)
```
#81b357
```
#81b357 rgb(129,179,87)
```

Analogous Color

#8957b3
```
#8957b3 rgb(137,87,179)
```
#afb357
```
#afb357 rgb(175,179,87)
```
#5781b3
```
#5781b3 rgb(87,129,179)
```

Split Complementary Color

#b357af
```
#b357af rgb(179,87,175)
```
#afb357
```
#afb357 rgb(175,179,87)
```
#57afb3
```
#57afb3 rgb(87,175,179)
```

Triadic Color

#b35b57
```
#b35b57 rgb(179,91,87)
```
#afb357
```
#afb357 rgb(175,179,87)
```
#57afb3
```
#57afb3 rgb(87,175,179)
```
#5b57b3
```
#5b57b3 rgb(91,87,179)
```

Tetradic Color

#7f823b
```
#7f823b rgb(127,130,59)
```
#919443
```
#919443 rgb(145,148,67)
```
#a2a64b
```
#a2a64b rgb(162,166,75)
```
#afb357
```
#afb357 rgb(175,179,87)
```
#b7bb69
```
#b7bb69 rgb(183,187,105)
```
#c0c37a
```
#c0c37a rgb(192,195,122)
```
#c8cb8c
```
#c8cb8c rgb(200,203,140)
```

Monochromatic Color

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

#b3a057
```
#b3a057 rgb(179,160,87)
```
#b3a857
```
#b3a857 rgb(179,168,87)
```
#b3af57
```
#b3af57 rgb(179,175,87)
```
#afb357
```
#afb357 rgb(175,179,87)
```
#a7b357
```
#a7b357 rgb(167,179,87)
```
#a0b357
```
#a0b357 rgb(160,179,87)
```
#98b357
```
#98b357 rgb(152,179,87)
```

Similar Colors

Text with hexadecimal color #afb357

This text has a font color of #afb357.

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

#afb357 background color

This paragraph has a background color of #afb357.

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

#afb357 border color

This element has a border color of #afb357.

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

CSS codes

.text {color:#afb357;}

.background {background-color:#afb357;}

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

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, #070803 is the darkest color, while #fcfcf9 is the lightest one.

#070803
```
#070803 rgb(7,8,3)
```
#15150a
```
#15150a rgb(21,21,10)
```
#222310
```
#222310 rgb(34,35,16)
```
#2f3016
```
#2f3016 rgb(47,48,22)
```
#3c3e1c
```
#3c3e1c rgb(60,62,28)
```
#494b22
```
#494b22 rgb(73,75,34)
```
#565928
```
#565928 rgb(86,89,40)
```
#64662e
```
#64662e rgb(100,102,46)
```
#717434
```
#717434 rgb(113,116,52)
```
#7e813a
```
#7e813a rgb(126,129,58)
```
#8b8f41
```
#8b8f41 rgb(139,143,65)
```
#989c47
```
#989c47 rgb(152,156,71)
```
#a6aa4d
```
#a6aa4d rgb(166,170,77)
```

Shade Color Variation

#afb357
```
#afb357 rgb(175,179,87)
```
#b5b965
```
#b5b965 rgb(181,185,101)
```
#bcbf72
```
#bcbf72 rgb(188,191,114)
```
#c2c580
```
#c2c580 rgb(194,197,128)
```
#c9cb8d
```
#c9cb8d rgb(201,203,141)
```
#cfd29b
```
#cfd29b rgb(207,210,155)
```
#d6d8a8
```
#d6d8a8 rgb(214,216,168)
```
#dcdeb6
```
#dcdeb6 rgb(220,222,182)
```
#e2e4c3
```
#e2e4c3 rgb(226,228,195)
```
#e9ead1
```
#e9ead1 rgb(233,234,209)
```
#eff0de
```
#eff0de rgb(239,240,222)
```
#f6f6ec
```
#f6f6ec rgb(246,246,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#8d8d7d
```
#8d8d7d rgb(141,141,125)
```
#959773
```
#959773 rgb(149,151,115)
```
#9ea06a
```
#9ea06a rgb(158,160,106)
```
#a6aa60
```
#a6aa60 rgb(166,170,96)
```
#afb357
```
#afb357 rgb(175,179,87)
```
#b8bc4e
```
#b8bc4e rgb(184,188,78)
```
#c0c644
```
#c0c644 rgb(192,198,68)
```
#c9cf3b
```
#c9cf3b rgb(201,207,59)
```
#d1d931
```
#d1d931 rgb(209,217,49)
```
#dae228
```
#dae228 rgb(218,226,40)
```
#e2eb1f
```
#e2eb1f rgb(226,235,31)
```
#ebf515
```
#ebf515 rgb(235,245,21)
```
#f4fe0c
```
#f4fe0c rgb(244,254,12)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9a997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b15e Protanopia 1% of men
#d7aa64 Deuteranopia 1% of men
#beadb9 Tritanopia 0.001% of the population

Trichromacy

#bcb25b Protanomaly 1% of men, 0.01% of women
#c8ad5f Deuteranomaly 6% of men, 0.4% of women
#b8af95 Tritanomaly 0.01% of the population

#afb357 hex color

#afb357 Color Information

#afb357 Color Conversion

Color Schemes with #afb357

Alternatives to #afb357

#afb357 Preview

Shades and Tints of #afb357

Tones of #afb357

Color Blindness Simulator