#afb344 hex color

In a RGB color space, hex #afb344 is composed of 68.6% red, 70.2% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 62% yellow and 29.8% black. It has a hue angle of 62.2 degrees, a saturation of 44.9% and a lightness of 48.4%. #afb344 color hex could be obtained by blending #ffff88 with #5f6700. Closest websafe color is: #99cc33.

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

● #afb344 color description : Moderate yellow.

The hexadecimal color #afb344 has RGB values of R:175, G:179, B:68 and CMYK values of C:0.02, M:0, Y:0.62, K:0.3. Its decimal value is 11514692.

Hex triplet	afb344	`#afb344`
RGB Decimal	175, 179, 68	`rgb(175,179,68)`
RGB Percent	68.6, 70.2, 26.7	`rgb(68.6%,70.2%,26.7%)`
CMYK	2, 0, 62, 30
HSL	62.2°, 44.9, 48.4	`hsl(62.2,44.9%,48.4%)`
HSV (or HSB)	62.2°, 62, 70.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	70.713, -15.921, 54.433
XYZ	34.843, 41.772, 11.696
xyY	0.395, 0.473, 41.772
CIE-LCH	70.713, 56.714, 106.303
CIE-LUV	70.713, 2.076, 65.657
Hunter-Lab	64.631, -16.876, 34.513
Binary	10101111, 10110011, 01000100

#afb344
```
#afb344 rgb(175,179,68)
```
#4844b3
```
#4844b3 rgb(72,68,179)
```

Complementary Color

#b38044
```
#b38044 rgb(179,128,68)
```
#afb344
```
#afb344 rgb(175,179,68)
```
#78b344
```
#78b344 rgb(120,179,68)
```

Analogous Color

#8044b3
```
#8044b3 rgb(128,68,179)
```
#afb344
```
#afb344 rgb(175,179,68)
```
#4478b3
```
#4478b3 rgb(68,120,179)
```

Split Complementary Color

#b344af
```
#b344af rgb(179,68,175)
```
#afb344
```
#afb344 rgb(175,179,68)
```
#44afb3
```
#44afb3 rgb(68,175,179)
```

Triadic Color

#b34844
```
#b34844 rgb(179,72,68)
```
#afb344
```
#afb344 rgb(175,179,68)
```
#44afb3
```
#44afb3 rgb(68,175,179)
```
#4844b3
```
#4844b3 rgb(72,68,179)
```

Tetradic Color

#797c2f
```
#797c2f rgb(121,124,47)
```
#8b8e36
```
#8b8e36 rgb(139,142,54)
```
#9da13d
```
#9da13d rgb(157,161,61)
```
#afb344
```
#afb344 rgb(175,179,68)
```
#babe53
```
#babe53 rgb(186,190,83)
```
#c1c565
```
#c1c565 rgb(193,197,101)
```
#c9cc78
```
#c9cc78 rgb(201,204,120)
```

Monochromatic Color

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

#b39b44
```
#b39b44 rgb(179,155,68)
```
#b3a544
```
#b3a544 rgb(179,165,68)
```
#b3ae44
```
#b3ae44 rgb(179,174,68)
```
#afb344
```
#afb344 rgb(175,179,68)
```
#a6b344
```
#a6b344 rgb(166,179,68)
```
#9db344
```
#9db344 rgb(157,179,68)
```
#93b344
```
#93b344 rgb(147,179,68)
```

Similar Colors

Text with hexadecimal color #afb344

This text has a font color of #afb344.

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

#afb344 background color

This paragraph has a background color of #afb344.

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

#afb344 border color

This element has a border color of #afb344.

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

CSS codes

.text {color:#afb344;}

.background {background-color:#afb344;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#161709
```
#161709 rgb(22,23,9)
```
#24250e
```
#24250e rgb(36,37,14)
```
#323313
```
#323313 rgb(50,51,19)
```
#404119
```
#404119 rgb(64,65,25)
```
#4e4f1e
```
#4e4f1e rgb(78,79,30)
```
#5c5e24
```
#5c5e24 rgb(92,94,36)
```
#6a6c29
```
#6a6c29 rgb(106,108,41)
```
#777a2e
```
#777a2e rgb(119,122,46)
```
#858834
```
#858834 rgb(133,136,52)
```
#939739
```
#939739 rgb(147,151,57)
```
#a1a53f
```
#a1a53f rgb(161,165,63)
```
#afb344
```
#afb344 rgb(175,179,68)
```

Shade Color Variation

#b8bc4f
```
#b8bc4f rgb(184,188,79)
```
#bec15d
```
#bec15d rgb(190,193,93)
```
#c3c76b
```
#c3c76b rgb(195,199,107)
```
#c9cc79
```
#c9cc79 rgb(201,204,121)
```
#cfd287
```
#cfd287 rgb(207,210,135)
```
#d5d796
```
#d5d796 rgb(213,215,150)
```
#dadca4
```
#dadca4 rgb(218,220,164)
```
#e0e2b2
```
#e0e2b2 rgb(224,226,178)
```
#e6e7c0
```
#e6e7c0 rgb(230,231,192)
```
#ecedcf
```
#ecedcf rgb(236,237,207)
```
#f1f2dd
```
#f1f2dd rgb(241,242,221)
```
#f7f7eb
```
#f7f7eb rgb(247,247,235)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#838474
```
#838474 rgb(131,132,116)
```
#8c8d6a
```
#8c8d6a rgb(140,141,106)
```
#959761
```
#959761 rgb(149,151,97)
```
#9da057
```
#9da057 rgb(157,160,87)
```
#a6aa4e
```
#a6aa4e rgb(166,170,78)
```
#afb344
```
#afb344 rgb(175,179,68)
```
#b8bd3b
```
#b8bd3b rgb(184,189,59)
```
#c1c631
```
#c1c631 rgb(193,198,49)
```
#c9d028
```
#c9d028 rgb(201,208,40)
```
#d2d91e
```
#d2d91e rgb(210,217,30)
```
#dbe315
```
#dbe315 rgb(219,227,21)
```
#e4ec0b
```
#e4ec0b rgb(228,236,11)
```
#edf601
```
#edf601 rgb(237,246,1)
```

Tone Color Variation

Below, you can see how #afb344 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
#a7a892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b14c Protanopia 1% of men
#d9a953 Deuteranopia 1% of men
#beacb8 Tritanopia 0.001% of the population

Trichromacy

#bcb249 Protanomaly 1% of men, 0.01% of women
#caac4d Deuteranomaly 6% of men, 0.4% of women
#b9ae8e Tritanomaly 0.01% of the population

#afb344 hex color

#afb344 Color Information

#afb344 Color Conversion

Color Schemes with #afb344

Alternatives to #afb344

#afb344 Preview

Shades and Tints of #afb344

Tones of #afb344

Color Blindness Simulator