#afad57 hex color

In a RGB color space, hex #afad57 is composed of 68.6% red, 67.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 50.3% yellow and 31.4% black. It has a hue angle of 58.6 degrees, a saturation of 35.5% and a lightness of 51.4%. #afad57 color hex could be obtained by blending #ffffae with #5f5b00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 68
- B 34
RGB color chart
- C 0
- M 1
- Y 50
- K 31
CMYK color chart

● #afad57 color description : Dark moderate yellow.

The hexadecimal color #afad57 has RGB values of R:175, G:173, B:87 and CMYK values of C:0, M:0.01, Y:0.5, K:0.31. Its decimal value is 11513175.

Hex triplet	afad57	`#afad57`
RGB Decimal	175, 173, 87	`rgb(175,173,87)`
RGB Percent	68.6, 67.8, 34.1	`rgb(68.6%,67.8%,34.1%)`
CMYK	0, 1, 50, 31
HSL	58.6°, 35.5, 51.4	`hsl(58.6,35.5%,51.4%)`
HSV (or HSB)	58.6°, 50.3, 68.6
Web Safe	999966	`#999966`

CIE-LAB	69.248, -11.323, 43.989
XYZ	34.343, 39.69, 14.868
xyY	0.386, 0.446, 39.69
CIE-LCH	69.248, 45.423, 104.435
CIE-LUV	69.248, 5.299, 55.287
Hunter-Lab	63, -12.944, 30.107
Binary	10101111, 10101101, 01010111

#afad57
```
#afad57 rgb(175,173,87)
```
#5759af
```
#5759af rgb(87,89,175)
```

Complementary Color

#af8157
```
#af8157 rgb(175,129,87)
```
#afad57
```
#afad57 rgb(175,173,87)
```
#85af57
```
#85af57 rgb(133,175,87)
```

Analogous Color

#8157af
```
#8157af rgb(129,87,175)
```
#afad57
```
#afad57 rgb(175,173,87)
```
#5785af
```
#5785af rgb(87,133,175)
```

Split Complementary Color

#ad57af
```
#ad57af rgb(173,87,175)
```
#afad57
```
#afad57 rgb(175,173,87)
```
#57afad
```
#57afad rgb(87,175,173)
```

Triadic Color

#af5759
```
#af5759 rgb(175,87,89)
```
#afad57
```
#afad57 rgb(175,173,87)
```
#57afad
```
#57afad rgb(87,175,173)
```
#5759af
```
#5759af rgb(87,89,175)
```

Tetradic Color

#7e7c3c
```
#7e7c3c rgb(126,124,60)
```
#8f8d44
```
#8f8d44 rgb(143,141,68)
```
#a09e4c
```
#a09e4c rgb(160,158,76)
```
#afad57
```
#afad57 rgb(175,173,87)
```
#b7b568
```
#b7b568 rgb(183,181,104)
```
#bfbe7a
```
#bfbe7a rgb(191,190,122)
```
#c8c68b
```
#c8c68b rgb(200,198,139)
```

Monochromatic Color

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

#af9757
```
#af9757 rgb(175,151,87)
```
#af9e57
```
#af9e57 rgb(175,158,87)
```
#afa657
```
#afa657 rgb(175,166,87)
```
#afad57
```
#afad57 rgb(175,173,87)
```
#aaaf57
```
#aaaf57 rgb(170,175,87)
```
#a2af57
```
#a2af57 rgb(162,175,87)
```
#9baf57
```
#9baf57 rgb(155,175,87)
```

Similar Colors

Text with hexadecimal color #afad57

This text has a font color of #afad57.

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

#afad57 background color

This paragraph has a background color of #afad57.

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

#afad57 border color

This element has a border color of #afad57.

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

CSS codes

.text {color:#afad57;}

.background {background-color:#afad57;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#121209
```
#121209 rgb(18,18,9)
```
#1f1f0f
```
#1f1f0f rgb(31,31,15)
```
#2d2c15
```
#2d2c15 rgb(45,44,21)
```
#3a391c
```
#3a391c rgb(58,57,28)
```
#474622
```
#474622 rgb(71,70,34)
```
#545328
```
#545328 rgb(84,83,40)
```
#62612f
```
#62612f rgb(98,97,47)
```
#6f6e35
```
#6f6e35 rgb(111,110,53)
```
#7c7b3b
```
#7c7b3b rgb(124,123,59)
```
#8a8842
```
#8a8842 rgb(138,136,66)
```
#979548
```
#979548 rgb(151,149,72)
```
#a4a24e
```
#a4a24e rgb(164,162,78)
```

Shade Color Variation

#afad57
```
#afad57 rgb(175,173,87)
```
#b5b364
```
#b5b364 rgb(181,179,100)
```
#bcba72
```
#bcba72 rgb(188,186,114)
```
#c2c07f
```
#c2c07f rgb(194,192,127)
```
#c8c78c
```
#c8c78c rgb(200,199,140)
```
#cfcd99
```
#cfcd99 rgb(207,205,153)
```
#d5d4a7
```
#d5d4a7 rgb(213,212,167)
```
#dbdab4
```
#dbdab4 rgb(219,218,180)
```
#e2e1c1
```
#e2e1c1 rgb(226,225,193)
```
#e8e7cf
```
#e8e7cf rgb(232,231,207)
```
#eeeedc
```
#eeeedc rgb(238,238,220)
```
#f5f4e9
```
#f5f4e9 rgb(245,244,233)
```
#fbfbf6
```
#fbfbf6 rgb(251,251,246)
```

Tint Color Variation

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

#89897d
```
#89897d rgb(137,137,125)
```
#929274
```
#929274 rgb(146,146,116)
```
#9c9b6a
```
#9c9b6a rgb(156,155,106)
```
#a5a461
```
#a5a461 rgb(165,164,97)
```
#afad57
```
#afad57 rgb(175,173,87)
```
#b9b64d
```
#b9b64d rgb(185,182,77)
```
#c2bf44
```
#c2bf44 rgb(194,191,68)
```
#ccc83a
```
#ccc83a rgb(204,200,58)
```
#d5d131
```
#d5d131 rgb(213,209,49)
```
#dfdb27
```
#dfdb27 rgb(223,219,39)
```
#e8e41e
```
#e8e41e rgb(232,228,30)
```
#f2ed14
```
#f2ed14 rgb(242,237,20)
```
#fbf60b
```
#fbf60b rgb(251,246,11)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a6a695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bead5e Protanopia 1% of men
#d2a663 Deuteranopia 1% of men
#bda7b3 Tritanopia 0.001% of the population

Trichromacy

#b9ad5b Protanomaly 1% of men, 0.01% of women
#c5a85e Deuteranomaly 6% of men, 0.4% of women
#b7a991 Tritanomaly 0.01% of the population

#afad57 hex color

#afad57 Color Information

#afad57 Color Conversion

Color Schemes with #afad57

Alternatives to #afad57

#afad57 Preview

Shades and Tints of #afad57

Tones of #afad57

Color Blindness Simulator