#afb224 hex color

In a RGB color space, hex #afb224 is composed of 68.6% red, 69.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 79.8% yellow and 30.2% black. It has a hue angle of 61.3 degrees, a saturation of 66.4% and a lightness of 42%. #afb224 color hex could be obtained by blending #ffff48 with #5f6500. Closest websafe color is: #999933.

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

● #afb224 color description : Dark yellow [Olive tone].

The hexadecimal color #afb224 has RGB values of R:175, G:178, B:36 and CMYK values of C:0.02, M:0, Y:0.8, K:0.3. Its decimal value is 11514404.

Hex triplet	afb224	`#afb224`
RGB Decimal	175, 178, 36	`rgb(175,178,36)`
RGB Percent	68.6, 69.8, 14.1	`rgb(68.6%,69.8%,14.1%)`
CMYK	2, 0, 80, 30
HSL	61.3°, 66.4, 42	`hsl(61.3,66.4%,42%)`
HSV (or HSB)	61.3°, 79.8, 69.8
Web Safe	999933	`#999933`

CIE-LAB	70.234, -17.047, 65.573
XYZ	33.918, 41.083, 7.812
xyY	0.41, 0.496, 41.083
CIE-LCH	70.234, 67.753, 104.572
CIE-LUV	70.234, 3.265, 73.569
Hunter-Lab	64.096, -17.709, 37.641
Binary	10101111, 10110010, 00100100

#afb224
```
#afb224 rgb(175,178,36)
```
#2724b2
```
#2724b2 rgb(39,36,178)
```

Complementary Color

#b26e24
```
#b26e24 rgb(178,110,36)
```
#afb224
```
#afb224 rgb(175,178,36)
```
#68b224
```
#68b224 rgb(104,178,36)
```

Analogous Color

#6e24b2
```
#6e24b2 rgb(110,36,178)
```
#afb224
```
#afb224 rgb(175,178,36)
```
#2468b2
```
#2468b2 rgb(36,104,178)
```

Split Complementary Color

#b224af
```
#b224af rgb(178,36,175)
```
#afb224
```
#afb224 rgb(175,178,36)
```
#24afb2
```
#24afb2 rgb(36,175,178)
```

Triadic Color

#b22724
```
#b22724 rgb(178,39,36)
```
#afb224
```
#afb224 rgb(175,178,36)
```
#24afb2
```
#24afb2 rgb(36,175,178)
```
#2724b2
```
#2724b2 rgb(39,36,178)
```

Tetradic Color

#707217
```
#707217 rgb(112,114,23)
```
#85881b
```
#85881b rgb(133,136,27)
```
#9a9d20
```
#9a9d20 rgb(154,157,32)
```
#afb224
```
#afb224 rgb(175,178,36)
```
#c4c728
```
#c4c728 rgb(196,199,40)
```
#d2d633
```
#d2d633 rgb(210,214,51)
```
#d7da48
```
#d7da48 rgb(215,218,72)
```

Monochromatic Color

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

#b29224
```
#b29224 rgb(178,146,36)
```
#b29d24
```
#b29d24 rgb(178,157,36)
```
#b2a924
```
#b2a924 rgb(178,169,36)
```
#afb224
```
#afb224 rgb(175,178,36)
```
#a3b224
```
#a3b224 rgb(163,178,36)
```
#97b224
```
#97b224 rgb(151,178,36)
```
#8cb224
```
#8cb224 rgb(140,178,36)
```

Similar Colors

Text with hexadecimal color #afb224

This text has a font color of #afb224.

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

#afb224 background color

This paragraph has a background color of #afb224.

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

#afb224 border color

This element has a border color of #afb224.

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

CSS codes

.text {color:#afb224;}

.background {background-color:#afb224;}

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

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, #0f0f03 is the darkest color, while #fffffe is the lightest one.

#0f0f03
```
#0f0f03 rgb(15,15,3)
```
#1f1f06
```
#1f1f06 rgb(31,31,6)
```
#2f2f0a
```
#2f2f0a rgb(47,47,10)
```
#3f400d
```
#3f400d rgb(63,64,13)
```
#4f5010
```
#4f5010 rgb(79,80,16)
```
#5f6014
```
#5f6014 rgb(95,96,20)
```
#6f7117
```
#6f7117 rgb(111,113,23)
```
#7f811a
```
#7f811a rgb(127,129,26)
```
#8f911d
```
#8f911d rgb(143,145,29)
```
#9fa221
```
#9fa221 rgb(159,162,33)
```
#afb224
```
#afb224 rgb(175,178,36)
```
#bfc227
```
#bfc227 rgb(191,194,39)
```
#cfd32b
```
#cfd32b rgb(207,211,43)
```

Shade Color Variation

#d4d73a
```
#d4d73a rgb(212,215,58)
```
#d7da4a
```
#d7da4a rgb(215,218,74)
```
#dbde5a
```
#dbde5a rgb(219,222,90)
```
#dfe16b
```
#dfe16b rgb(223,225,107)
```
#e2e47b
```
#e2e47b rgb(226,228,123)
```
#e6e88b
```
#e6e88b rgb(230,232,139)
```
#e9eb9c
```
#e9eb9c rgb(233,235,156)
```
#edeeac
```
#edeeac rgb(237,238,172)
```
#f0f2bc
```
#f0f2bc rgb(240,242,188)
```
#f4f5cd
```
#f4f5cd rgb(244,245,205)
```
#f8f8dd
```
#f8f8dd rgb(248,248,221)
```
#fbfbed
```
#fbfbed rgb(251,251,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#707066
```
#707066 rgb(112,112,102)
```
#78785e
```
#78785e rgb(120,120,94)
```
#808155
```
#808155 rgb(128,129,85)
```
#88894d
```
#88894d rgb(136,137,77)
```
#8f9145
```
#8f9145 rgb(143,145,69)
```
#97993d
```
#97993d rgb(151,153,61)
```
#9fa234
```
#9fa234 rgb(159,162,52)
```
#a7aa2c
```
#a7aa2c rgb(167,170,44)
```
#afb224
```
#afb224 rgb(175,178,36)
```
#b7ba1c
```
#b7ba1c rgb(183,186,28)
```
#bfc214
```
#bfc214 rgb(191,194,20)
```
#c7cb0b
```
#c7cb0b rgb(199,203,11)
```
#cfd303
```
#cfd303 rgb(207,211,3)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b02d Protanopia 1% of men
#daa737 Deuteranopia 1% of men
#bfaab6 Tritanopia 0.001% of the population

Trichromacy

#bcb02a Protanomaly 1% of men, 0.01% of women
#caab30 Deuteranomaly 6% of men, 0.4% of women
#b9ad81 Tritanomaly 0.01% of the population

#afb224 hex color

#afb224 Color Information

#afb224 Color Conversion

Color Schemes with #afb224

Alternatives to #afb224

#afb224 Preview

Shades and Tints of #afb224

Tones of #afb224

Color Blindness Simulator