#af9228 hex color

In a RGB color space, hex #af9228 is composed of 68.6% red, 57.3% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.6% magenta, 77.1% yellow and 31.4% black. It has a hue angle of 47.1 degrees, a saturation of 62.8% and a lightness of 42.2%. #af9228 color hex could be obtained by blending #ffff50 with #5f2500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 57
- B 16
RGB color chart
- C 0
- M 17
- Y 77
- K 31
CMYK color chart

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

The hexadecimal color #af9228 has RGB values of R:175, G:146, B:40 and CMYK values of C:0, M:0.17, Y:0.77, K:0.31. Its decimal value is 11506216.

Hex triplet	af9228	`#af9228`
RGB Decimal	175, 146, 40	`rgb(175,146,40)`
RGB Percent	68.6, 57.3, 15.7	`rgb(68.6%,57.3%,15.7%)`
CMYK	0, 17, 77, 31
HSL	47.1°, 62.8, 42.2	`hsl(47.1,62.8%,42.2%)`
HSV (or HSB)	47.1°, 77.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	61.504, -0.029, 56.388
XYZ	28.341, 29.826, 6.272
xyY	0.44, 0.463, 29.826
CIE-LCH	61.504, 56.388, 90.029
CIE-LUV	61.504, 25.099, 59.528
Hunter-Lab	54.613, -2.941, 31.421
Binary	10101111, 10010010, 00101000

#af9228
```
#af9228 rgb(175,146,40)
```
#2845af
```
#2845af rgb(40,69,175)
```

Complementary Color

#af4f28
```
#af4f28 rgb(175,79,40)
```
#af9228
```
#af9228 rgb(175,146,40)
```
#89af28
```
#89af28 rgb(137,175,40)
```

Analogous Color

#4f28af
```
#4f28af rgb(79,40,175)
```
#af9228
```
#af9228 rgb(175,146,40)
```
#2889af
```
#2889af rgb(40,137,175)
```

Split Complementary Color

#9228af
```
#9228af rgb(146,40,175)
```
#af9228
```
#af9228 rgb(175,146,40)
```
#28af92
```
#28af92 rgb(40,175,146)
```

Triadic Color

#af2845
```
#af2845 rgb(175,40,69)
```
#af9228
```
#af9228 rgb(175,146,40)
```
#28af92
```
#28af92 rgb(40,175,146)
```
#2845af
```
#2845af rgb(40,69,175)
```

Tetradic Color

#715e1a
```
#715e1a rgb(113,94,26)
```
#856f1f
```
#856f1f rgb(133,111,31)
```
#9a8123
```
#9a8123 rgb(154,129,35)
```
#af9228
```
#af9228 rgb(175,146,40)
```
#c4a32d
```
#c4a32d rgb(196,163,45)
```
#d2b138
```
#d2b138 rgb(210,177,56)
```
#d6b94d
```
#d6b94d rgb(214,185,77)
```

Monochromatic Color

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

#af7028
```
#af7028 rgb(175,112,40)
```
#af7c28
```
#af7c28 rgb(175,124,40)
```
#af8728
```
#af8728 rgb(175,135,40)
```
#af9228
```
#af9228 rgb(175,146,40)
```
#af9d28
```
#af9d28 rgb(175,157,40)
```
#afa928
```
#afa928 rgb(175,169,40)
```
#aaaf28
```
#aaaf28 rgb(170,175,40)
```

Similar Colors

Text with hexadecimal color #af9228

This text has a font color of #af9228.

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

#af9228 background color

This paragraph has a background color of #af9228.

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

#af9228 border color

This element has a border color of #af9228.

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

CSS codes

.text {color:#af9228;}

.background {background-color:#af9228;}

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

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

#0f0d04
```
#0f0d04 rgb(15,13,4)
```
#1f1a07
```
#1f1a07 rgb(31,26,7)
```
#2f270b
```
#2f270b rgb(47,39,11)
```
#3f350e
```
#3f350e rgb(63,53,14)
```
#4f4212
```
#4f4212 rgb(79,66,18)
```
#5f4f16
```
#5f4f16 rgb(95,79,22)
```
#6f5d19
```
#6f5d19 rgb(111,93,25)
```
#7f6a1d
```
#7f6a1d rgb(127,106,29)
```
#8f7721
```
#8f7721 rgb(143,119,33)
```
#9f8524
```
#9f8524 rgb(159,133,36)
```
#af9228
```
#af9228 rgb(175,146,40)
```
#bf9f2c
```
#bf9f2c rgb(191,159,44)
```
#cfad2f
```
#cfad2f rgb(207,173,47)
```

Shade Color Variation

#d3b33f
```
#d3b33f rgb(211,179,63)
```
#d7ba4f
```
#d7ba4f rgb(215,186,79)
```
#dac05f
```
#dac05f rgb(218,192,95)
```
#dec66f
```
#dec66f rgb(222,198,111)
```
#e2cc7f
```
#e2cc7f rgb(226,204,127)
```
#e5d38f
```
#e5d38f rgb(229,211,143)
```
#e9d99f
```
#e9d99f rgb(233,217,159)
```
#eddfaf
```
#eddfaf rgb(237,223,175)
```
#f0e6bf
```
#f0e6bf rgb(240,230,191)
```
#f4ecce
```
#f4ecce rgb(244,236,206)
```
#f8f2de
```
#f8f2de rgb(248,242,222)
```
#fbf8ee
```
#fbf8ee rgb(251,248,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6d6c6a
```
#6d6c6a rgb(109,108,106)
```
#757162
```
#757162 rgb(117,113,98)
```
#7d765a
```
#7d765a rgb(125,118,90)
```
#867a51
```
#867a51 rgb(134,122,81)
```
#8e7f49
```
#8e7f49 rgb(142,127,73)
```
#968441
```
#968441 rgb(150,132,65)
```
#9e8939
```
#9e8939 rgb(158,137,57)
```
#a78d30
```
#a78d30 rgb(167,141,48)
```
#af9228
```
#af9228 rgb(175,146,40)
```
#b79720
```
#b79720 rgb(183,151,32)
```
#c09b17
```
#c09b17 rgb(192,155,23)
```
#c8a00f
```
#c8a00f rgb(200,160,15)
```
#d0a507
```
#d0a507 rgb(208,165,7)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#95907a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9a33 Protanopia 1% of men
#bf9235 Deuteranopia 1% of men
#bb8e98 Tritanopia 0.001% of the population

Trichromacy

#ac972f Protanomaly 1% of men, 0.01% of women
#b99230 Deuteranomaly 6% of men, 0.4% of women
#b68f6f Tritanomaly 0.01% of the population

#af9228 hex color

#af9228 Color Information

#af9228 Color Conversion

Color Schemes with #af9228

Alternatives to #af9228

#af9228 Preview

Shades and Tints of #af9228

Tones of #af9228

Color Blindness Simulator