#af950f hex color

In a RGB color space, hex #af950f is composed of 68.6% red, 58.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.9% magenta, 91.4% yellow and 31.4% black. It has a hue angle of 50.3 degrees, a saturation of 84.2% and a lightness of 37.3%. #af950f color hex could be obtained by blending #ffff1e with #5f2b00. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 58
- B 6
RGB color chart
- C 0
- M 15
- Y 91
- K 31
CMYK color chart

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

The hexadecimal color #af950f has RGB values of R:175, G:149, B:15 and CMYK values of C:0, M:0.15, Y:0.91, K:0.31. Its decimal value is 11506959.

Hex triplet	af950f	`#af950f`
RGB Decimal	175, 149, 15	`rgb(175,149,15)`
RGB Percent	68.6, 58.4, 5.9	`rgb(68.6%,58.4%,5.9%)`
CMYK	0, 15, 91, 31
HSL	50.3°, 84.2, 37.3	`hsl(50.3,84.2%,37.3%)`
HSV (or HSB)	50.3°, 91.4, 68.6
Web Safe	999900	`#999900`

CIE-LAB	62.206, -2.383, 63.869
XYZ	28.513, 30.644, 4.865
xyY	0.445, 0.479, 30.644
CIE-LCH	62.206, 63.913, 92.137
CIE-LUV	62.206, 23.457, 64.872
Hunter-Lab	55.357, -4.935, 33.54
Binary	10101111, 10010101, 00001111

#af950f
```
#af950f rgb(175,149,15)
```
#0f29af
```
#0f29af rgb(15,41,175)
```

Complementary Color

#af450f
```
#af450f rgb(175,69,15)
```
#af950f
```
#af950f rgb(175,149,15)
```
#79af0f
```
#79af0f rgb(121,175,15)
```

Analogous Color

#450faf
```
#450faf rgb(69,15,175)
```
#af950f
```
#af950f rgb(175,149,15)
```
#0f79af
```
#0f79af rgb(15,121,175)
```

Split Complementary Color

#950faf
```
#950faf rgb(149,15,175)
```
#af950f
```
#af950f rgb(175,149,15)
```
#0faf95
```
#0faf95 rgb(15,175,149)
```

Triadic Color

#af0f29
```
#af0f29 rgb(175,15,41)
```
#af950f
```
#af950f rgb(175,149,15)
```
#0faf95
```
#0faf95 rgb(15,175,149)
```
#0f29af
```
#0f29af rgb(15,41,175)
```

Tetradic Color

#695909
```
#695909 rgb(105,89,9)
```
#806d0b
```
#806d0b rgb(128,109,11)
```
#98810d
```
#98810d rgb(152,129,13)
```
#af950f
```
#af950f rgb(175,149,15)
```
#c6a911
```
#c6a911 rgb(198,169,17)
```
#debd13
```
#debd13 rgb(222,189,19)
```
#ecca1f
```
#ecca1f rgb(236,202,31)
```

Monochromatic Color

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

#af6d0f
```
#af6d0f rgb(175,109,15)
```
#af7a0f
```
#af7a0f rgb(175,122,15)
```
#af880f
```
#af880f rgb(175,136,15)
```
#af950f
```
#af950f rgb(175,149,15)
```
#afa20f
```
#afa20f rgb(175,162,15)
```
#aeaf0f
```
#aeaf0f rgb(174,175,15)
```
#a1af0f
```
#a1af0f rgb(161,175,15)
```

Similar Colors

Text with hexadecimal color #af950f

This text has a font color of #af950f.

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

#af950f background color

This paragraph has a background color of #af950f.

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

#af950f border color

This element has a border color of #af950f.

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

CSS codes

.text {color:#af950f;}

.background {background-color:#af950f;}

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

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

#0c0b01
```
#0c0b01 rgb(12,11,1)
```
#1e1a03
```
#1e1a03 rgb(30,26,3)
```
#312904
```
#312904 rgb(49,41,4)
```
#433906
```
#433906 rgb(67,57,6)
```
#554807
```
#554807 rgb(85,72,7)
```
#675709
```
#675709 rgb(103,87,9)
```
#79670a
```
#79670a rgb(121,103,10)
```
#8b760c
```
#8b760c rgb(139,118,12)
```
#9d860d
```
#9d860d rgb(157,134,13)
```
#af950f
```
#af950f rgb(175,149,15)
```
#c1a411
```
#c1a411 rgb(193,164,17)
```
#d3b412
```
#d3b412 rgb(211,180,18)
```
#e5c314
```
#e5c314 rgb(229,195,20)
```

Shade Color Variation

#eccb21
```
#eccb21 rgb(236,203,33)
```
#edcf33
```
#edcf33 rgb(237,207,51)
```
#efd345
```
#efd345 rgb(239,211,69)
```
#f1d857
```
#f1d857 rgb(241,216,87)
```
#f2dc69
```
#f2dc69 rgb(242,220,105)
```
#f4e07b
```
#f4e07b rgb(244,224,123)
```
#f5e48d
```
#f5e48d rgb(245,228,141)
```
#f7e99f
```
#f7e99f rgb(247,233,159)
```
#f8edb1
```
#f8edb1 rgb(248,237,177)
```
#faf1c3
```
#faf1c3 rgb(250,241,195)
```
#fbf5d5
```
#fbf5d5 rgb(251,245,213)
```
#fdf9e7
```
#fdf9e7 rgb(253,249,231)
```
#fffef9
```
#fffef9 rgb(255,254,249)
```

Tint Color Variation

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

#666458
```
#666458 rgb(102,100,88)
```
#6d6951
```
#6d6951 rgb(109,105,81)
```
#756e49
```
#756e49 rgb(117,110,73)
```
#7c7242
```
#7c7242 rgb(124,114,66)
```
#83773b
```
#83773b rgb(131,119,59)
```
#8a7c34
```
#8a7c34 rgb(138,124,52)
```
#92812c
```
#92812c rgb(146,129,44)
```
#998625
```
#998625 rgb(153,134,37)
```
#a08b1e
```
#a08b1e rgb(160,139,30)
```
#a89016
```
#a89016 rgb(168,144,22)
```
#af950f
```
#af950f rgb(175,149,15)
```
#b69a08
```
#b69a08 rgb(182,154,8)
```
#be9f00
```
#be9f00 rgb(190,159,0)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#948f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c1c Protanopia 1% of men
#c29421 Deuteranopia 1% of men
#bb909a Tritanopia 0.001% of the population

Trichromacy

#ae9917 Protanomaly 1% of men, 0.01% of women
#bb941a Deuteranomaly 6% of men, 0.4% of women
#b79267 Tritanomaly 0.01% of the population

#af950f hex color

#af950f Color Information

#af950f Color Conversion

Color Schemes with #af950f

Alternatives to #af950f

#af950f Preview

Shades and Tints of #af950f

Tones of #af950f

Color Blindness Simulator