#afb33f hex color

In a RGB color space, hex #afb33f is composed of 68.6% red, 70.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 64.8% yellow and 29.8% black. It has a hue angle of 62.1 degrees, a saturation of 47.9% and a lightness of 47.5%. #afb33f color hex could be obtained by blending #ffff7e with #5f6700. Closest websafe color is: #99cc33.

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

● #afb33f color description : Moderate yellow.

The hexadecimal color #afb33f has RGB values of R:175, G:179, B:63 and CMYK values of C:0.02, M:0, Y:0.65, K:0.3. Its decimal value is 11514687.

Hex triplet	afb33f	`#afb33f`
RGB Decimal	175, 179, 63	`rgb(175,179,63)`
RGB Percent	68.6, 70.2, 24.7	`rgb(68.6%,70.2%,24.7%)`
CMYK	2, 0, 65, 30
HSL	62.1°, 47.9, 47.5	`hsl(62.1,47.9%,47.5%)`
HSV (or HSB)	62.1°, 64.8, 70.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	70.673, -16.247, 56.497
XYZ	34.696, 41.713, 10.926
xyY	0.397, 0.478, 41.713
CIE-LCH	70.673, 58.787, 106.044
CIE-LUV	70.673, 2.184, 67.306
Hunter-Lab	64.586, -17.133, 35.18
Binary	10101111, 10110011, 00111111

#afb33f
```
#afb33f rgb(175,179,63)
```
#433fb3
```
#433fb3 rgb(67,63,179)
```

Complementary Color

#b37d3f
```
#b37d3f rgb(179,125,63)
```
#afb33f
```
#afb33f rgb(175,179,63)
```
#75b33f
```
#75b33f rgb(117,179,63)
```

Analogous Color

#7d3fb3
```
#7d3fb3 rgb(125,63,179)
```
#afb33f
```
#afb33f rgb(175,179,63)
```
#3f75b3
```
#3f75b3 rgb(63,117,179)
```

Split Complementary Color

#b33faf
```
#b33faf rgb(179,63,175)
```
#afb33f
```
#afb33f rgb(175,179,63)
```
#3fafb3
```
#3fafb3 rgb(63,175,179)
```

Triadic Color

#b3433f
```
#b3433f rgb(179,67,63)
```
#afb33f
```
#afb33f rgb(175,179,63)
```
#3fafb3
```
#3fafb3 rgb(63,175,179)
```
#433fb3
```
#433fb3 rgb(67,63,179)
```

Tetradic Color

#787a2b
```
#787a2b rgb(120,122,43)
```
#8a8d32
```
#8a8d32 rgb(138,141,50)
```
#9da038
```
#9da038 rgb(157,160,56)
```
#afb33f
```
#afb33f rgb(175,179,63)
```
#bcc04c
```
#bcc04c rgb(188,192,76)
```
#c3c75e
```
#c3c75e rgb(195,199,94)
```
#cacd71
```
#cacd71 rgb(202,205,113)
```

Monochromatic Color

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

#b39a3f
```
#b39a3f rgb(179,154,63)
```
#b3a43f
```
#b3a43f rgb(179,164,63)
```
#b3ad3f
```
#b3ad3f rgb(179,173,63)
```
#afb33f
```
#afb33f rgb(175,179,63)
```
#a5b33f
```
#a5b33f rgb(165,179,63)
```
#9cb33f
```
#9cb33f rgb(156,179,63)
```
#92b33f
```
#92b33f rgb(146,179,63)
```

Similar Colors

Text with hexadecimal color #afb33f

This text has a font color of #afb33f.

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

#afb33f background color

This paragraph has a background color of #afb33f.

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

#afb33f border color

This element has a border color of #afb33f.

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

CSS codes

.text {color:#afb33f;}

.background {background-color:#afb33f;}

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

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 #fbfcf5 is the lightest one.

#050502
```
#050502 rgb(5,5,2)
```
#131307
```
#131307 rgb(19,19,7)
```
#21220c
```
#21220c rgb(33,34,12)
```
#2f3011
```
#2f3011 rgb(47,48,17)
```
#3e3f16
```
#3e3f16 rgb(62,63,22)
```
#4c4d1b
```
#4c4d1b rgb(76,77,27)
```
#5a5c20
```
#5a5c20 rgb(90,92,32)
```
#686a25
```
#686a25 rgb(104,106,37)
```
#76792b
```
#76792b rgb(118,121,43)
```
#848730
```
#848730 rgb(132,135,48)
```
#939635
```
#939635 rgb(147,150,53)
```
#a1a43a
```
#a1a43a rgb(161,164,58)
```
#afb33f
```
#afb33f rgb(175,179,63)
```

Shade Color Variation

#babe47
```
#babe47 rgb(186,190,71)
```
#c0c356
```
#c0c356 rgb(192,195,86)
```
#c5c964
```
#c5c964 rgb(197,201,100)
```
#cbce73
```
#cbce73 rgb(203,206,115)
```
#d0d381
```
#d0d381 rgb(208,211,129)
```
#d5d890
```
#d5d890 rgb(213,216,144)
```
#dbdd9e
```
#dbdd9e rgb(219,221,158)
```
#e0e2ad
```
#e0e2ad rgb(224,226,173)
```
#e6e7bb
```
#e6e7bb rgb(230,231,187)
```
#ebecca
```
#ebecca rgb(235,236,202)
```
#f1f1d8
```
#f1f1d8 rgb(241,241,216)
```
#f6f7e7
```
#f6f7e7 rgb(246,247,231)
```
#fbfcf5
```
#fbfcf5 rgb(251,252,245)
```

Tint Color Variation

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

#7b7b77
```
#7b7b77 rgb(123,123,119)
```
#84846e
```
#84846e rgb(132,132,110)
```
#8c8e64
```
#8c8e64 rgb(140,142,100)
```
#95975b
```
#95975b rgb(149,151,91)
```
#9ea052
```
#9ea052 rgb(158,160,82)
```
#a6aa48
```
#a6aa48 rgb(166,170,72)
```
#afb33f
```
#afb33f rgb(175,179,63)
```
#b8bc36
```
#b8bc36 rgb(184,188,54)
```
#c0c62c
```
#c0c62c rgb(192,198,44)
```
#c9cf23
```
#c9cf23 rgb(201,207,35)
```
#d2d81a
```
#d2d81a rgb(210,216,26)
```
#dae210
```
#dae210 rgb(218,226,16)
```
#e3eb07
```
#e3eb07 rgb(227,235,7)
```

Tone Color Variation

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

#c4b147 Protanopia 1% of men
#daa94e Deuteranopia 1% of men
#bfabb8 Tritanopia 0.001% of the population

Trichromacy

#bcb144 Protanomaly 1% of men, 0.01% of women
#caac48 Deuteranomaly 6% of men, 0.4% of women
#b9ae8c Tritanomaly 0.01% of the population

#afb33f hex color

#afb33f Color Information

#afb33f Color Conversion

Color Schemes with #afb33f

Alternatives to #afb33f

#afb33f Preview

Shades and Tints of #afb33f

Tones of #afb33f

Color Blindness Simulator