#afb43f hex color

In a RGB color space, hex #afb43f is composed of 68.6% red, 70.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 65% yellow and 29.4% black. It has a hue angle of 62.6 degrees, a saturation of 48.1% and a lightness of 47.6%. #afb43f color hex could be obtained by blending #ffff7e with #5f6900. 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

● #afb43f color description : Moderate yellow.

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

Hex triplet	afb43f	`#afb43f`
RGB Decimal	175, 180, 63	`rgb(175,180,63)`
RGB Percent	68.6, 70.6, 24.7	`rgb(68.6%,70.6%,24.7%)`
CMYK	3, 0, 65, 29
HSL	62.6°, 48.1, 47.6	`hsl(62.6,48.1%,47.6%)`
HSV (or HSB)	62.6°, 65, 70.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	70.951, -16.755, 56.786
XYZ	34.898, 42.116, 10.993
xyY	0.397, 0.479, 42.116
CIE-LCH	70.951, 59.206, 106.439
CIE-LUV	70.951, 1.554, 67.748
Hunter-Lab	64.897, -17.583, 35.384
Binary	10101111, 10110100, 00111111

#afb43f
```
#afb43f rgb(175,180,63)
```
#443fb4
```
#443fb4 rgb(68,63,180)
```

Complementary Color

#b47f3f
```
#b47f3f rgb(180,127,63)
```
#afb43f
```
#afb43f rgb(175,180,63)
```
#75b43f
```
#75b43f rgb(117,180,63)
```

Analogous Color

#7f3fb4
```
#7f3fb4 rgb(127,63,180)
```
#afb43f
```
#afb43f rgb(175,180,63)
```
#3f75b4
```
#3f75b4 rgb(63,117,180)
```

Split Complementary Color

#b43faf
```
#b43faf rgb(180,63,175)
```
#afb43f
```
#afb43f rgb(175,180,63)
```
#3fafb4
```
#3fafb4 rgb(63,175,180)
```

Triadic Color

#b4443f
```
#b4443f rgb(180,68,63)
```
#afb43f
```
#afb43f rgb(175,180,63)
```
#3fafb4
```
#3fafb4 rgb(63,175,180)
```
#443fb4
```
#443fb4 rgb(68,63,180)
```

Tetradic Color

#787b2b
```
#787b2b rgb(120,123,43)
```
#8a8e32
```
#8a8e32 rgb(138,142,50)
```
#9da138
```
#9da138 rgb(157,161,56)
```
#afb43f
```
#afb43f rgb(175,180,63)
```
#bbc04c
```
#bbc04c rgb(187,192,76)
```
#c3c75f
```
#c3c75f rgb(195,199,95)
```
#cace72
```
#cace72 rgb(202,206,114)
```

Monochromatic Color

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

#b49c3f
```
#b49c3f rgb(180,156,63)
```
#b4a63f
```
#b4a63f rgb(180,166,63)
```
#b4af3f
```
#b4af3f rgb(180,175,63)
```
#afb43f
```
#afb43f rgb(175,180,63)
```
#a5b43f
```
#a5b43f rgb(165,180,63)
```
#9cb43f
```
#9cb43f rgb(156,180,63)
```
#92b43f
```
#92b43f rgb(146,180,63)
```

Similar Colors

Text with hexadecimal color #afb43f

This text has a font color of #afb43f.

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

#afb43f background color

This paragraph has a background color of #afb43f.

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

#afb43f border color

This element has a border color of #afb43f.

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

CSS codes

.text {color:#afb43f;}

.background {background-color:#afb43f;}

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

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

#050602
```
#050602 rgb(5,6,2)
```
#141407
```
#141407 rgb(20,20,7)
```
#22230c
```
#22230c rgb(34,35,12)
```
#303111
```
#303111 rgb(48,49,17)
```
#3e4016
```
#3e4016 rgb(62,64,22)
```
#4c4e1b
```
#4c4e1b rgb(76,78,27)
```
#5a5d20
```
#5a5d20 rgb(90,93,32)
```
#686b26
```
#686b26 rgb(104,107,38)
```
#767a2b
```
#767a2b rgb(118,122,43)
```
#858830
```
#858830 rgb(133,136,48)
```
#939735
```
#939735 rgb(147,151,53)
```
#a1a53a
```
#a1a53a rgb(161,165,58)
```
#afb43f
```
#afb43f rgb(175,180,63)
```

Shade Color Variation

#babf48
```
#babf48 rgb(186,191,72)
```
#bfc456
```
#bfc456 rgb(191,196,86)
```
#c5c965
```
#c5c965 rgb(197,201,101)
```
#cace73
```
#cace73 rgb(202,206,115)
```
#d0d382
```
#d0d382 rgb(208,211,130)
```
#d5d890
```
#d5d890 rgb(213,216,144)
```
#dbdd9f
```
#dbdd9f rgb(219,221,159)
```
#e0e2ad
```
#e0e2ad rgb(224,226,173)
```
#e6e8bc
```
#e6e8bc rgb(230,232,188)
```
#ebedcb
```
#ebedcb rgb(235,237,203)
```
#f1f2d9
```
#f1f2d9 rgb(241,242,217)
```
#f6f7e8
```
#f6f7e8 rgb(246,247,232)
```
#fcfcf6
```
#fcfcf6 rgb(252,252,246)
```

Tint Color Variation

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

#7c7c77
```
#7c7c77 rgb(124,124,119)
```
#84856e
```
#84856e rgb(132,133,110)
```
#8d8f64
```
#8d8f64 rgb(141,143,100)
```
#95985b
```
#95985b rgb(149,152,91)
```
#9ea152
```
#9ea152 rgb(158,161,82)
```
#a6ab48
```
#a6ab48 rgb(166,171,72)
```
#afb43f
```
#afb43f rgb(175,180,63)
```
#b8bd36
```
#b8bd36 rgb(184,189,54)
```
#c0c72c
```
#c0c72c rgb(192,199,44)
```
#c9d023
```
#c9d023 rgb(201,208,35)
```
#d1d91a
```
#d1d91a rgb(209,217,26)
```
#dae310
```
#dae310 rgb(218,227,16)
```
#e2ec07
```
#e2ec07 rgb(226,236,7)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b247 Protanopia 1% of men
#daa94e Deuteranopia 1% of men
#bfacb9 Tritanopia 0.001% of the population

Trichromacy

#bdb244 Protanomaly 1% of men, 0.01% of women
#caad49 Deuteranomaly 6% of men, 0.4% of women
#b9af8c Tritanomaly 0.01% of the population

#afb43f hex color

#afb43f Color Information

#afb43f Color Conversion

Color Schemes with #afb43f

Alternatives to #afb43f

#afb43f Preview

Shades and Tints of #afb43f

Tones of #afb43f

Color Blindness Simulator