#afb44c hex color

In a RGB color space, hex #afb44c is composed of 68.6% red, 70.6% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 57.8% yellow and 29.4% black. It has a hue angle of 62.9 degrees, a saturation of 40.9% and a lightness of 50.2%. #afb44c color hex could be obtained by blending #ffff98 with #5f6900. Closest websafe color is: #99cc33.

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

● #afb44c color description : Moderate yellow.

The hexadecimal color #afb44c has RGB values of R:175, G:180, B:76 and CMYK values of C:0.03, M:0, Y:0.58, K:0.29. Its decimal value is 11514956.

Hex triplet	afb44c	`#afb44c`
RGB Decimal	175, 180, 76	`rgb(175,180,76)`
RGB Percent	68.6, 70.6, 29.8	`rgb(68.6%,70.6%,29.8%)`
CMYK	3, 0, 58, 29
HSL	62.9°, 40.9, 50.2	`hsl(62.9,40.9%,50.2%)`
HSV (or HSB)	62.9°, 57.8, 70.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	71.063, -15.85, 51.279
XYZ	35.305, 42.279, 13.138
xyY	0.389, 0.466, 42.279
CIE-LCH	71.063, 53.673, 107.176
CIE-LUV	71.063, 1.265, 63.21
Hunter-Lab	65.022, -16.869, 33.536
Binary	10101111, 10110100, 01001100

#afb44c
```
#afb44c rgb(175,180,76)
```
#514cb4
```
#514cb4 rgb(81,76,180)
```

Complementary Color

#b4854c
```
#b4854c rgb(180,133,76)
```
#afb44c
```
#afb44c rgb(175,180,76)
```
#7bb44c
```
#7bb44c rgb(123,180,76)
```

Analogous Color

#854cb4
```
#854cb4 rgb(133,76,180)
```
#afb44c
```
#afb44c rgb(175,180,76)
```
#4c7bb4
```
#4c7bb4 rgb(76,123,180)
```

Split Complementary Color

#b44caf
```
#b44caf rgb(180,76,175)
```
#afb44c
```
#afb44c rgb(175,180,76)
```
#4cafb4
```
#4cafb4 rgb(76,175,180)
```

Triadic Color

#b4514c
```
#b4514c rgb(180,81,76)
```
#afb44c
```
#afb44c rgb(175,180,76)
```
#4cafb4
```
#4cafb4 rgb(76,175,180)
```
#514cb4
```
#514cb4 rgb(81,76,180)
```

Tetradic Color

#7b7e35
```
#7b7e35 rgb(123,126,53)
```
#8c903d
```
#8c903d rgb(140,144,61)
```
#9ea244
```
#9ea244 rgb(158,162,68)
```
#afb44c
```
#afb44c rgb(175,180,76)
```
#b7bc5e
```
#b7bc5e rgb(183,188,94)
```
#bfc370
```
#bfc370 rgb(191,195,112)
```
#c7cb82
```
#c7cb82 rgb(199,203,130)
```

Monochromatic Color

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

#b49f4c
```
#b49f4c rgb(180,159,76)
```
#b4a84c
```
#b4a84c rgb(180,168,76)
```
#b4b04c
```
#b4b04c rgb(180,176,76)
```
#afb44c
```
#afb44c rgb(175,180,76)
```
#a6b44c
```
#a6b44c rgb(166,180,76)
```
#9eb44c
```
#9eb44c rgb(158,180,76)
```
#95b44c
```
#95b44c rgb(149,180,76)
```

Similar Colors

Text with hexadecimal color #afb44c

This text has a font color of #afb44c.

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

#afb44c background color

This paragraph has a background color of #afb44c.

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

#afb44c border color

This element has a border color of #afb44c.

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

CSS codes

.text {color:#afb44c;}

.background {background-color:#afb44c;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0f06
```
#0e0f06 rgb(14,15,6)
```
#1c1c0c
```
#1c1c0c rgb(28,28,12)
```
#292a12
```
#292a12 rgb(41,42,18)
```
#363817
```
#363817 rgb(54,56,23)
```
#44461d
```
#44461d rgb(68,70,29)
```
#515423
```
#515423 rgb(81,84,35)
```
#5f6129
```
#5f6129 rgb(95,97,41)
```
#6c6f2f
```
#6c6f2f rgb(108,111,47)
```
#7a7d34
```
#7a7d34 rgb(122,125,52)
```
#878b3a
```
#878b3a rgb(135,139,58)
```
#949940
```
#949940 rgb(148,153,64)
```
#a2a746
```
#a2a746 rgb(162,167,70)
```

Shade Color Variation

#afb44c
```
#afb44c rgb(175,180,76)
```
#b5ba5a
```
#b5ba5a rgb(181,186,90)
```
#bbc068
```
#bbc068 rgb(187,192,104)
```
#c2c575
```
#c2c575 rgb(194,197,117)
```
#c8cb83
```
#c8cb83 rgb(200,203,131)
```
#ced191
```
#ced191 rgb(206,209,145)
```
#d4d79f
```
#d4d79f rgb(212,215,159)
```
#daddad
```
#daddad rgb(218,221,173)
```
#e0e2bb
```
#e0e2bb rgb(224,226,187)
```
#e7e8c8
```
#e7e8c8 rgb(231,232,200)
```
#edeed6
```
#edeed6 rgb(237,238,214)
```
#f3f4e4
```
#f3f4e4 rgb(243,244,228)
```
#f9faf2
```
#f9faf2 rgb(249,250,242)
```

Tint Color Variation

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

#83837d
```
#83837d rgb(131,131,125)
```
#8c8d73
```
#8c8d73 rgb(140,141,115)
```
#959769
```
#959769 rgb(149,151,105)
```
#9da060
```
#9da060 rgb(157,160,96)
```
#a6aa56
```
#a6aa56 rgb(166,170,86)
```
#afb44c
```
#afb44c rgb(175,180,76)
```
#b8be42
```
#b8be42 rgb(184,190,66)
```
#c1c838
```
#c1c838 rgb(193,200,56)
```
#c9d12f
```
#c9d12f rgb(201,209,47)
```
#d2db25
```
#d2db25 rgb(210,219,37)
```
#dbe51b
```
#dbe51b rgb(219,229,27)
```
#e4ef11
```
#e4ef11 rgb(228,239,17)
```
#edf808
```
#edf808 rgb(237,248,8)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9aa95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b253 Protanopia 1% of men
#d9aa5a Deuteranopia 1% of men
#beadb9 Tritanopia 0.001% of the population

Trichromacy

#bdb250 Protanomaly 1% of men, 0.01% of women
#caad55 Deuteranomaly 6% of men, 0.4% of women
#b9af91 Tritanomaly 0.01% of the population

#afb44c hex color

#afb44c Color Information

#afb44c Color Conversion

Color Schemes with #afb44c

Alternatives to #afb44c

#afb44c Preview

Shades and Tints of #afb44c

Tones of #afb44c

Color Blindness Simulator