#afb53f hex color

In a RGB color space, hex #afb53f is composed of 68.6% red, 71% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 65.2% yellow and 29% black. It has a hue angle of 63.1 degrees, a saturation of 48.4% and a lightness of 47.8%. #afb53f color hex could be obtained by blending #ffff7e with #5f6b00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 71
- B 25
RGB color chart
- C 3
- M 0
- Y 65
- K 29
CMYK color chart

● #afb53f color description : Moderate yellow.

The hexadecimal color #afb53f has RGB values of R:175, G:181, B:63 and CMYK values of C:0.03, M:0, Y:0.65, K:0.29. Its decimal value is 11515199.

Hex triplet	afb53f	`#afb53f`
RGB Decimal	175, 181, 63	`rgb(175,181,63)`
RGB Percent	68.6, 71, 24.7	`rgb(68.6%,71%,24.7%)`
CMYK	3, 0, 65, 29
HSL	63.1°, 48.4, 47.8	`hsl(63.1,48.4%,47.8%)`
HSV (or HSB)	63.1°, 65.2, 71
Web Safe	99cc33	`#99cc33`

CIE-LAB	71.229, -17.262, 57.075
XYZ	35.1, 42.521, 11.061
xyY	0.396, 0.479, 42.521
CIE-LCH	71.229, 59.628, 106.827
CIE-LUV	71.229, 0.927, 68.19
Hunter-Lab	65.208, -18.031, 35.589
Binary	10101111, 10110101, 00111111

#afb53f
```
#afb53f rgb(175,181,63)
```
#453fb5
```
#453fb5 rgb(69,63,181)
```

Complementary Color

#b5803f
```
#b5803f rgb(181,128,63)
```
#afb53f
```
#afb53f rgb(175,181,63)
```
#74b53f
```
#74b53f rgb(116,181,63)
```

Analogous Color

#803fb5
```
#803fb5 rgb(128,63,181)
```
#afb53f
```
#afb53f rgb(175,181,63)
```
#3f74b5
```
#3f74b5 rgb(63,116,181)
```

Split Complementary Color

#b53faf
```
#b53faf rgb(181,63,175)
```
#afb53f
```
#afb53f rgb(175,181,63)
```
#3fafb5
```
#3fafb5 rgb(63,175,181)
```

Triadic Color

#b5453f
```
#b5453f rgb(181,69,63)
```
#afb53f
```
#afb53f rgb(175,181,63)
```
#3fafb5
```
#3fafb5 rgb(63,175,181)
```
#453fb5
```
#453fb5 rgb(69,63,181)
```

Tetradic Color

#787c2b
```
#787c2b rgb(120,124,43)
```
#8a8f32
```
#8a8f32 rgb(138,143,50)
```
#9da238
```
#9da238 rgb(157,162,56)
```
#afb53f
```
#afb53f rgb(175,181,63)
```
#bbc14d
```
#bbc14d rgb(187,193,77)
```
#c2c760
```
#c2c760 rgb(194,199,96)
```
#c9ce72
```
#c9ce72 rgb(201,206,114)
```

Monochromatic Color

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

#b59e3f
```
#b59e3f rgb(181,158,63)
```
#b5a73f
```
#b5a73f rgb(181,167,63)
```
#b5b13f
```
#b5b13f rgb(181,177,63)
```
#afb53f
```
#afb53f rgb(175,181,63)
```
#a5b53f
```
#a5b53f rgb(165,181,63)
```
#9bb53f
```
#9bb53f rgb(155,181,63)
```
#92b53f
```
#92b53f rgb(146,181,63)
```

Similar Colors

Text with hexadecimal color #afb53f

This text has a font color of #afb53f.

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

#afb53f background color

This paragraph has a background color of #afb53f.

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

#afb53f border color

This element has a border color of #afb53f.

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

CSS codes

.text {color:#afb53f;}

.background {background-color:#afb53f;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#141507
```
#141507 rgb(20,21,7)
```
#22230c
```
#22230c rgb(34,35,12)
```
#303211
```
#303211 rgb(48,50,17)
```
#3e4116
```
#3e4116 rgb(62,65,22)
```
#4d4f1c
```
#4d4f1c rgb(77,79,28)
```
#5b5e21
```
#5b5e21 rgb(91,94,33)
```
#696c26
```
#696c26 rgb(105,108,38)
```
#777b2b
```
#777b2b rgb(119,123,43)
```
#858930
```
#858930 rgb(133,137,48)
```
#939835
```
#939835 rgb(147,152,53)
```
#a1a63a
```
#a1a63a rgb(161,166,58)
```
#afb53f
```
#afb53f rgb(175,181,63)
```

Shade Color Variation

#b9bf48
```
#b9bf48 rgb(185,191,72)
```
#bfc457
```
#bfc457 rgb(191,196,87)
```
#c4ca65
```
#c4ca65 rgb(196,202,101)
```
#cacf74
```
#cacf74 rgb(202,207,116)
```
#d0d482
```
#d0d482 rgb(208,212,130)
```
#d5d991
```
#d5d991 rgb(213,217,145)
```
#dbdea0
```
#dbdea0 rgb(219,222,160)
```
#e0e3ae
```
#e0e3ae rgb(224,227,174)
```
#e6e8bd
```
#e6e8bd rgb(230,232,189)
```
#ebedcb
```
#ebedcb rgb(235,237,203)
```
#f1f2da
```
#f1f2da rgb(241,242,218)
```
#f6f7e8
```
#f6f7e8 rgb(246,247,232)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#7c7d77
```
#7c7d77 rgb(124,125,119)
```
#85866e
```
#85866e rgb(133,134,110)
```
#8d8f65
```
#8d8f65 rgb(141,143,101)
```
#96995b
```
#96995b rgb(150,153,91)
```
#9ea252
```
#9ea252 rgb(158,162,82)
```
#a7ac48
```
#a7ac48 rgb(167,172,72)
```
#afb53f
```
#afb53f rgb(175,181,63)
```
#b7be36
```
#b7be36 rgb(183,190,54)
```
#c0c82c
```
#c0c82c rgb(192,200,44)
```
#c8d123
```
#c8d123 rgb(200,209,35)
```
#d1db19
```
#d1db19 rgb(209,219,25)
```
#d9e410
```
#d9e410 rgb(217,228,16)
```
#e2ed07
```
#e2ed07 rgb(226,237,7)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b247 Protanopia 1% of men
#dbaa4e Deuteranopia 1% of men
#bfadb9 Tritanopia 0.001% of the population

Trichromacy

#bdb344 Protanomaly 1% of men, 0.01% of women
#cbae49 Deuteranomaly 6% of men, 0.4% of women
#b9b08d Tritanomaly 0.01% of the population

#afb53f hex color

#afb53f Color Information

#afb53f Color Conversion

Color Schemes with #afb53f

Alternatives to #afb53f

#afb53f Preview

Shades and Tints of #afb53f

Tones of #afb53f

Color Blindness Simulator