#af9012 hex color

In a RGB color space, hex #af9012 is composed of 68.6% red, 56.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.7% magenta, 89.7% yellow and 31.4% black. It has a hue angle of 48.2 degrees, a saturation of 81.3% and a lightness of 37.8%. #af9012 color hex could be obtained by blending #ffff24 with #5f2100. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 56
- B 7
RGB color chart
- C 0
- M 18
- Y 90
- K 31
CMYK color chart

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

The hexadecimal color #af9012 has RGB values of R:175, G:144, B:18 and CMYK values of C:0, M:0.18, Y:0.9, K:0.31. Its decimal value is 11505682.

Hex triplet	af9012	`#af9012`
RGB Decimal	175, 144, 18	`rgb(175,144,18)`
RGB Percent	68.6, 56.5, 7.1	`rgb(68.6%,56.5%,7.1%)`
CMYK	0, 18, 90, 31
HSL	48.2°, 81.3, 37.8	`hsl(48.2,81.3%,37.8%)`
HSV (or HSB)	48.2°, 89.7, 68.6
Web Safe	999900	`#999900`

CIE-LAB	60.875, 0.392, 62.246
XYZ	27.762, 29.105, 4.728
xyY	0.451, 0.473, 29.105
CIE-LCH	60.875, 62.247, 89.639
CIE-LUV	60.875, 27.083, 62.574
Hunter-Lab	53.949, -2.556, 32.569
Binary	10101111, 10010000, 00010010

#af9012
```
#af9012 rgb(175,144,18)
```
#1231af
```
#1231af rgb(18,49,175)
```

Complementary Color

#af4212
```
#af4212 rgb(175,66,18)
```
#af9012
```
#af9012 rgb(175,144,18)
```
#80af12
```
#80af12 rgb(128,175,18)
```

Analogous Color

#4212af
```
#4212af rgb(66,18,175)
```
#af9012
```
#af9012 rgb(175,144,18)
```
#1280af
```
#1280af rgb(18,128,175)
```

Split Complementary Color

#9012af
```
#9012af rgb(144,18,175)
```
#af9012
```
#af9012 rgb(175,144,18)
```
#12af90
```
#12af90 rgb(18,175,144)
```

Triadic Color

#af1231
```
#af1231 rgb(175,18,49)
```
#af9012
```
#af9012 rgb(175,144,18)
```
#12af90
```
#12af90 rgb(18,175,144)
```
#1231af
```
#1231af rgb(18,49,175)
```

Tetradic Color

#6a570b
```
#6a570b rgb(106,87,11)
```
#816a0d
```
#816a0d rgb(129,106,13)
```
#987d10
```
#987d10 rgb(152,125,16)
```
#af9012
```
#af9012 rgb(175,144,18)
```
#c6a314
```
#c6a314 rgb(198,163,20)
```
#ddb617
```
#ddb617 rgb(221,182,23)
```
#e9c225
```
#e9c225 rgb(233,194,37)
```

Monochromatic Color

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

#af6912
```
#af6912 rgb(175,105,18)
```
#af7612
```
#af7612 rgb(175,118,18)
```
#af8312
```
#af8312 rgb(175,131,18)
```
#af9012
```
#af9012 rgb(175,144,18)
```
#af9d12
```
#af9d12 rgb(175,157,18)
```
#afaa12
```
#afaa12 rgb(175,170,18)
```
#a7af12
```
#a7af12 rgb(167,175,18)
```

Similar Colors

Text with hexadecimal color #af9012

This text has a font color of #af9012.

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

#af9012 background color

This paragraph has a background color of #af9012.

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

#af9012 border color

This element has a border color of #af9012.

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

CSS codes

.text {color:#af9012;}

.background {background-color:#af9012;}

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

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

#0f0c02
```
#0f0c02 rgb(15,12,2)
```
#211b03
```
#211b03 rgb(33,27,3)
```
#322a05
```
#322a05 rgb(50,42,5)
```
#443807
```
#443807 rgb(68,56,7)
```
#564709
```
#564709 rgb(86,71,9)
```
#68550b
```
#68550b rgb(104,85,11)
```
#7a640d
```
#7a640d rgb(122,100,13)
```
#8b730e
```
#8b730e rgb(139,115,14)
```
#9d8110
```
#9d8110 rgb(157,129,16)
```
#af9012
```
#af9012 rgb(175,144,18)
```
#c19f14
```
#c19f14 rgb(193,159,20)
```
#d3ad16
```
#d3ad16 rgb(211,173,22)
```
#e4bc17
```
#e4bc17 rgb(228,188,23)
```

Shade Color Variation

#e9c227
```
#e9c227 rgb(233,194,39)
```
#ebc738
```
#ebc738 rgb(235,199,56)
```
#eccc4a
```
#eccc4a rgb(236,204,74)
```
#eed15c
```
#eed15c rgb(238,209,92)
```
#f0d66e
```
#f0d66e rgb(240,214,110)
```
#f2db80
```
#f2db80 rgb(242,219,128)
```
#f4e091
```
#f4e091 rgb(244,224,145)
```
#f6e5a3
```
#f6e5a3 rgb(246,229,163)
```
#f7eab5
```
#f7eab5 rgb(247,234,181)
```
#f9efc7
```
#f9efc7 rgb(249,239,199)
```
#fbf4d9
```
#fbf4d9 rgb(251,244,217)
```
#fdf9ea
```
#fdf9ea rgb(253,249,234)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#65635c
```
#65635c rgb(101,99,92)
```
#6c6855
```
#6c6855 rgb(108,104,85)
```
#746c4d
```
#746c4d rgb(116,108,77)
```
#7b7146
```
#7b7146 rgb(123,113,70)
```
#82753f
```
#82753f rgb(130,117,63)
```
#8a7a37
```
#8a7a37 rgb(138,122,55)
```
#917e30
```
#917e30 rgb(145,126,48)
```
#998328
```
#998328 rgb(153,131,40)
```
#a08721
```
#a08721 rgb(160,135,33)
```
#a88c19
```
#a88c19 rgb(168,140,25)
```
#af9012
```
#af9012 rgb(175,144,18)
```
#b6940b
```
#b6940b rgb(182,148,11)
```
#be9903
```
#be9903 rgb(190,153,3)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#928c73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa981f Protanopia 1% of men
#be9122 Deuteranopia 1% of men
#bb8b95 Tritanopia 0.001% of the population

Trichromacy

#ac951a Protanomaly 1% of men, 0.01% of women
#b8901c Deuteranomaly 6% of men, 0.4% of women
#b68d65 Tritanomaly 0.01% of the population

#af9012 hex color

#af9012 Color Information

#af9012 Color Conversion

Color Schemes with #af9012

Alternatives to #af9012

#af9012 Preview

Shades and Tints of #af9012

Tones of #af9012

Color Blindness Simulator