#afb257 hex color

In a RGB color space, hex #afb257 is composed of 68.6% red, 69.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 51.1% yellow and 30.2% black. It has a hue angle of 62 degrees, a saturation of 37.1% and a lightness of 52%. #afb257 color hex could be obtained by blending #ffffae with #5f6500. Closest websafe color is: #999966.

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

● #afb257 color description : Dark moderate yellow.

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

Hex triplet	afb257	`#afb257`
RGB Decimal	175, 178, 87	`rgb(175,178,87)`
RGB Percent	68.6, 69.8, 34.1	`rgb(68.6%,69.8%,34.1%)`
CMYK	2, 0, 51, 30
HSL	62°, 37.1, 52	`hsl(62,37.1%,52%)`
HSV (or HSB)	62°, 51.1, 69.8
Web Safe	999966	`#999966`

CIE-LAB	70.624, -13.91, 45.616
XYZ	35.32, 41.643, 15.194
xyY	0.383, 0.452, 41.643
CIE-LCH	70.624, 47.69, 106.959
CIE-LUV	70.624, 2.203, 57.718
Hunter-Lab	64.532, -15.233, 31.213
Binary	10101111, 10110010, 01010111

#afb257
```
#afb257 rgb(175,178,87)
```
#5a57b2
```
#5a57b2 rgb(90,87,178)
```

Complementary Color

#b28857
```
#b28857 rgb(178,136,87)
```
#afb257
```
#afb257 rgb(175,178,87)
```
#82b257
```
#82b257 rgb(130,178,87)
```

Analogous Color

#8857b2
```
#8857b2 rgb(136,87,178)
```
#afb257
```
#afb257 rgb(175,178,87)
```
#5782b2
```
#5782b2 rgb(87,130,178)
```

Split Complementary Color

#b257af
```
#b257af rgb(178,87,175)
```
#afb257
```
#afb257 rgb(175,178,87)
```
#57afb2
```
#57afb2 rgb(87,175,178)
```

Triadic Color

#b25a57
```
#b25a57 rgb(178,90,87)
```
#afb257
```
#afb257 rgb(175,178,87)
```
#57afb2
```
#57afb2 rgb(87,175,178)
```
#5a57b2
```
#5a57b2 rgb(90,87,178)
```

Tetradic Color

#7f813b
```
#7f813b rgb(127,129,59)
```
#909343
```
#909343 rgb(144,147,67)
```
#a1a44b
```
#a1a44b rgb(161,164,75)
```
#afb257
```
#afb257 rgb(175,178,87)
```
#b7ba68
```
#b7ba68 rgb(183,186,104)
```
#c0c27a
```
#c0c27a rgb(192,194,122)
```
#c8ca8b
```
#c8ca8b rgb(200,202,139)
```

Monochromatic Color

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

#b29e57
```
#b29e57 rgb(178,158,87)
```
#b2a657
```
#b2a657 rgb(178,166,87)
```
#b2ad57
```
#b2ad57 rgb(178,173,87)
```
#afb257
```
#afb257 rgb(175,178,87)
```
#a7b257
```
#a7b257 rgb(167,178,87)
```
#a0b257
```
#a0b257 rgb(160,178,87)
```
#98b257
```
#98b257 rgb(152,178,87)
```

Similar Colors

Text with hexadecimal color #afb257

This text has a font color of #afb257.

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

#afb257 background color

This paragraph has a background color of #afb257.

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

#afb257 border color

This element has a border color of #afb257.

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

CSS codes

.text {color:#afb257;}

.background {background-color:#afb257;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#141409
```
#141409 rgb(20,20,9)
```
#21220f
```
#21220f rgb(33,34,15)
```
#2e2f16
```
#2e2f16 rgb(46,47,22)
```
#3c3d1c
```
#3c3d1c rgb(60,61,28)
```
#494a22
```
#494a22 rgb(73,74,34)
```
#565828
```
#565828 rgb(86,88,40)
```
#63652e
```
#63652e rgb(99,101,46)
```
#707234
```
#707234 rgb(112,114,52)
```
#7e803b
```
#7e803b rgb(126,128,59)
```
#8b8d41
```
#8b8d41 rgb(139,141,65)
```
#989b47
```
#989b47 rgb(152,155,71)
```
#a5a84d
```
#a5a84d rgb(165,168,77)
```

Shade Color Variation

#afb257
```
#afb257 rgb(175,178,87)
```
#b5b864
```
#b5b864 rgb(181,184,100)
```
#bcbe72
```
#bcbe72 rgb(188,190,114)
```
#c2c47f
```
#c2c47f rgb(194,196,127)
```
#c9cb8d
```
#c9cb8d rgb(201,203,141)
```
#cfd19a
```
#cfd19a rgb(207,209,154)
```
#d5d7a8
```
#d5d7a8 rgb(213,215,168)
```
#dcddb5
```
#dcddb5 rgb(220,221,181)
```
#e2e3c3
```
#e2e3c3 rgb(226,227,195)
```
#e9e9d0
```
#e9e9d0 rgb(233,233,208)
```
#eff0de
```
#eff0de rgb(239,240,222)
```
#f5f6eb
```
#f5f6eb rgb(245,246,235)
```
#fcfcf8
```
#fcfcf8 rgb(252,252,248)
```

Tint Color Variation

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

#8c8c7d
```
#8c8c7d rgb(140,140,125)
```
#959673
```
#959673 rgb(149,150,115)
```
#9d9f6a
```
#9d9f6a rgb(157,159,106)
```
#a6a960
```
#a6a960 rgb(166,169,96)
```
#afb257
```
#afb257 rgb(175,178,87)
```
#b8bb4e
```
#b8bb4e rgb(184,187,78)
```
#c1c544
```
#c1c544 rgb(193,197,68)
```
#c9ce3b
```
#c9ce3b rgb(201,206,59)
```
#d2d831
```
#d2d831 rgb(210,216,49)
```
#dbe128
```
#dbe128 rgb(219,225,40)
```
#e4eb1e
```
#e4eb1e rgb(228,235,30)
```
#edf415
```
#edf415 rgb(237,244,21)
```
#f5fd0c
```
#f5fd0c rgb(245,253,12)
```

Tone Color Variation

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

#c2b15e Protanopia 1% of men
#d6a964 Deuteranopia 1% of men
#bdacb8 Tritanopia 0.001% of the population

Trichromacy

#bbb15b Protanomaly 1% of men, 0.01% of women
#c8ac5f Deuteranomaly 6% of men, 0.4% of women
#b8ae94 Tritanomaly 0.01% of the population

#afb257 hex color

#afb257 Color Information

#afb257 Color Conversion

Color Schemes with #afb257

Alternatives to #afb257

#afb257 Preview

Shades and Tints of #afb257

Tones of #afb257

Color Blindness Simulator