#afbe57 hex color

In a RGB color space, hex #afbe57 is composed of 68.6% red, 74.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 54.2% yellow and 25.5% black. It has a hue angle of 68.7 degrees, a saturation of 44.2% and a lightness of 54.3%. #afbe57 color hex could be obtained by blending #ffffae with #5f7d00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 75
- B 34
RGB color chart
- C 8
- M 0
- Y 54
- K 25
CMYK color chart

● #afbe57 color description : Moderate yellow.

The hexadecimal color #afbe57 has RGB values of R:175, G:190, B:87 and CMYK values of C:0.08, M:0, Y:0.54, K:0.25. Its decimal value is 11517527.

Hex triplet	afbe57	`#afbe57`
RGB Decimal	175, 190, 87	`rgb(175,190,87)`
RGB Percent	68.6, 74.5, 34.1	`rgb(68.6%,74.5%,34.1%)`
CMYK	8, 0, 54, 25
HSL	68.7°, 44.2, 54.3	`hsl(68.7,44.2%,54.3%)`
HSV (or HSB)	68.7°, 54.2, 74.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.952, -19.988, 49.495
XYZ	37.813, 46.629, 16.025
xyY	0.376, 0.464, 46.629
CIE-LCH	73.952, 53.379, 111.991
CIE-LUV	73.952, -5.041, 63.494
Hunter-Lab	68.285, -20.657, 33.886
Binary	10101111, 10111110, 01010111

#afbe57
```
#afbe57 rgb(175,190,87)
```
#6657be
```
#6657be rgb(102,87,190)
```

Complementary Color

#be9a57
```
#be9a57 rgb(190,154,87)
```
#afbe57
```
#afbe57 rgb(175,190,87)
```
#7cbe57
```
#7cbe57 rgb(124,190,87)
```

Analogous Color

#9a57be
```
#9a57be rgb(154,87,190)
```
#afbe57
```
#afbe57 rgb(175,190,87)
```
#577cbe
```
#577cbe rgb(87,124,190)
```

Split Complementary Color

#be57af
```
#be57af rgb(190,87,175)
```
#afbe57
```
#afbe57 rgb(175,190,87)
```
#57afbe
```
#57afbe rgb(87,175,190)
```

Triadic Color

#be6657
```
#be6657 rgb(190,102,87)
```
#afbe57
```
#afbe57 rgb(175,190,87)
```
#57afbe
```
#57afbe rgb(87,175,190)
```
#6657be
```
#6657be rgb(102,87,190)
```

Tetradic Color

#849138
```
#849138 rgb(132,145,56)
```
#94a33f
```
#94a33f rgb(148,163,63)
```
#a5b546
```
#a5b546 rgb(165,181,70)
```
#afbe57
```
#afbe57 rgb(175,190,87)
```
#b8c569
```
#b8c569 rgb(184,197,105)
```
#c1cc7c
```
#c1cc7c rgb(193,204,124)
```
#c9d38e
```
#c9d38e rgb(201,211,142)
```

Monochromatic Color

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

#beb357
```
#beb357 rgb(190,179,87)
```
#bebc57
```
#bebc57 rgb(190,188,87)
```
#b8be57
```
#b8be57 rgb(184,190,87)
```
#afbe57
```
#afbe57 rgb(175,190,87)
```
#a6be57
```
#a6be57 rgb(166,190,87)
```
#9ebe57
```
#9ebe57 rgb(158,190,87)
```
#95be57
```
#95be57 rgb(149,190,87)
```

Similar Colors

Text with hexadecimal color #afbe57

This text has a font color of #afbe57.

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

#afbe57 background color

This paragraph has a background color of #afbe57.

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

#afbe57 border color

This element has a border color of #afbe57.

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

CSS codes

.text {color:#afbe57;}

.background {background-color:#afbe57;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0e1006
```
#0e1006 rgb(14,16,6)
```
#1b1e0c
```
#1b1e0c rgb(27,30,12)
```
#282c11
```
#282c11 rgb(40,44,17)
```
#353a17
```
#353a17 rgb(53,58,23)
```
#42481c
```
#42481c rgb(66,72,28)
```
#4f5721
```
#4f5721 rgb(79,87,33)
```
#5c6527
```
#5c6527 rgb(92,101,39)
```
#69732c
```
#69732c rgb(105,115,44)
```
#758132
```
#758132 rgb(117,129,50)
```
#828f37
```
#828f37 rgb(130,143,55)
```
#8f9d3d
```
#8f9d3d rgb(143,157,61)
```
#9cab42
```
#9cab42 rgb(156,171,66)
```

Shade Color Variation

#a8b949
```
#a8b949 rgb(168,185,73)
```
#afbe57
```
#afbe57 rgb(175,190,87)
```
#b6c365
```
#b6c365 rgb(182,195,101)
```
#bcc973
```
#bcc973 rgb(188,201,115)
```
#c3ce81
```
#c3ce81 rgb(195,206,129)
```
#cad490
```
#cad490 rgb(202,212,144)
```
#d1d99e
```
#d1d99e rgb(209,217,158)
```
#d7dfac
```
#d7dfac rgb(215,223,172)
```
#dee4ba
```
#dee4ba rgb(222,228,186)
```
#e5eac8
```
#e5eac8 rgb(229,234,200)
```
#ecefd6
```
#ecefd6 rgb(236,239,214)
```
#f2f5e4
```
#f2f5e4 rgb(242,245,228)
```
#f9faf3
```
#f9faf3 rgb(249,250,243)
```

Tint Color Variation

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

#8f9184
```
#8f9184 rgb(143,145,132)
```
#969a7b
```
#969a7b rgb(150,154,123)
```
#9ca372
```
#9ca372 rgb(156,163,114)
```
#a2ac69
```
#a2ac69 rgb(162,172,105)
```
#a9b560
```
#a9b560 rgb(169,181,96)
```
#afbe57
```
#afbe57 rgb(175,190,87)
```
#b5c74e
```
#b5c74e rgb(181,199,78)
```
#bcd045
```
#bcd045 rgb(188,208,69)
```
#c2d93c
```
#c2d93c rgb(194,217,60)
```
#c8e233
```
#c8e233 rgb(200,226,51)
```
#cfeb2a
```
#cfeb2a rgb(207,235,42)
```
#d5f421
```
#d5f421 rgb(213,244,33)
```
#dbfd18
```
#dbfd18 rgb(219,253,24)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeb19d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb95d Protanopia 1% of men
#e1b165 Deuteranopia 1% of men
#bfb6c3 Tritanopia 0.001% of the population

Trichromacy

#c1bb5b Protanomaly 1% of men, 0.01% of women
#cfb660 Deuteranomaly 6% of men, 0.4% of women
#b9b99c Tritanomaly 0.01% of the population

#afbe57 hex color

#afbe57 Color Information

#afbe57 Color Conversion

Color Schemes with #afbe57

Alternatives to #afbe57

#afbe57 Preview

Shades and Tints of #afbe57

Tones of #afbe57

Color Blindness Simulator