#af950e hex color

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

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

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

The hexadecimal color #af950e has RGB values of R:175, G:149, B:14 and CMYK values of C:0, M:0.15, Y:0.92, K:0.31. Its decimal value is 11506958.

Hex triplet	af950e	`#af950e`
RGB Decimal	175, 149, 14	`rgb(175,149,14)`
RGB Percent	68.6, 58.4, 5.5	`rgb(68.6%,58.4%,5.5%)`
CMYK	0, 15, 92, 31
HSL	50.3°, 85.2, 37.1	`hsl(50.3,85.2%,37.1%)`
HSV (or HSB)	50.3°, 92, 68.6
Web Safe	999900	`#999900`

CIE-LAB	62.204, -2.4, 64.043
XYZ	28.506, 30.642, 4.828
xyY	0.446, 0.479, 30.642
CIE-LCH	62.204, 64.088, 92.146
CIE-LUV	62.204, 23.47, 64.969
Hunter-Lab	55.355, -4.948, 33.577
Binary	10101111, 10010101, 00001110

#af950e
```
#af950e rgb(175,149,14)
```
#0e28af
```
#0e28af rgb(14,40,175)
```

Complementary Color

#af450e
```
#af450e rgb(175,69,14)
```
#af950e
```
#af950e rgb(175,149,14)
```
#79af0e
```
#79af0e rgb(121,175,14)
```

Analogous Color

#450eaf
```
#450eaf rgb(69,14,175)
```
#af950e
```
#af950e rgb(175,149,14)
```
#0e79af
```
#0e79af rgb(14,121,175)
```

Split Complementary Color

#950eaf
```
#950eaf rgb(149,14,175)
```
#af950e
```
#af950e rgb(175,149,14)
```
#0eaf95
```
#0eaf95 rgb(14,175,149)
```

Triadic Color

#af0e28
```
#af0e28 rgb(175,14,40)
```
#af950e
```
#af950e rgb(175,149,14)
```
#0eaf95
```
#0eaf95 rgb(14,175,149)
```
#0e28af
```
#0e28af rgb(14,40,175)
```

Tetradic Color

#685908
```
#685908 rgb(104,89,8)
```
#806d0a
```
#806d0a rgb(128,109,10)
```
#97810c
```
#97810c rgb(151,129,12)
```
#af950e
```
#af950e rgb(175,149,14)
```
#c7a910
```
#c7a910 rgb(199,169,16)
```
#debd12
```
#debd12 rgb(222,189,18)
```
#edcb1d
```
#edcb1d rgb(237,203,29)
```

Monochromatic Color

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

#af6d0e
```
#af6d0e rgb(175,109,14)
```
#af7a0e
```
#af7a0e rgb(175,122,14)
```
#af880e
```
#af880e rgb(175,136,14)
```
#af950e
```
#af950e rgb(175,149,14)
```
#afa20e
```
#afa20e rgb(175,162,14)
```
#aeaf0e
```
#aeaf0e rgb(174,175,14)
```
#a1af0e
```
#a1af0e rgb(161,175,14)
```

Similar Colors

Text with hexadecimal color #af950e

This text has a font color of #af950e.

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

#af950e background color

This paragraph has a background color of #af950e.

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

#af950e border color

This element has a border color of #af950e.

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

CSS codes

.text {color:#af950e;}

.background {background-color:#af950e;}

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

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

#0c0a01
```
#0c0a01 rgb(12,10,1)
```
#1e1902
```
#1e1902 rgb(30,25,2)
```
#302904
```
#302904 rgb(48,41,4)
```
#423805
```
#423805 rgb(66,56,5)
```
#544807
```
#544807 rgb(84,72,7)
```
#665708
```
#665708 rgb(102,87,8)
```
#79670a
```
#79670a rgb(121,103,10)
```
#8b760b
```
#8b760b rgb(139,118,11)
```
#9d860d
```
#9d860d rgb(157,134,13)
```
#af950e
```
#af950e rgb(175,149,14)
```
#c1a40f
```
#c1a40f rgb(193,164,15)
```
#d3b411
```
#d3b411 rgb(211,180,17)
```
#e5c312
```
#e5c312 rgb(229,195,18)
```

Shade Color Variation

#edcc1e
```
#edcc1e rgb(237,204,30)
```
#eed031
```
#eed031 rgb(238,208,49)
```
#f0d443
```
#f0d443 rgb(240,212,67)
```
#f1d855
```
#f1d855 rgb(241,216,85)
```
#f3dc67
```
#f3dc67 rgb(243,220,103)
```
#f4e079
```
#f4e079 rgb(244,224,121)
```
#f6e58b
```
#f6e58b rgb(246,229,139)
```
#f7e99e
```
#f7e99e rgb(247,233,158)
```
#f9edb0
```
#f9edb0 rgb(249,237,176)
```
#faf1c2
```
#faf1c2 rgb(250,241,194)
```
#fcf5d4
```
#fcf5d4 rgb(252,245,212)
```
#fdf9e6
```
#fdf9e6 rgb(253,249,230)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#5f5f5e
```
#5f5f5e rgb(95,95,94)
```
#666457
```
#666457 rgb(102,100,87)
```
#6e694f
```
#6e694f rgb(110,105,79)
```
#756e48
```
#756e48 rgb(117,110,72)
```
#7c7341
```
#7c7341 rgb(124,115,65)
```
#83773a
```
#83773a rgb(131,119,58)
```
#8b7c32
```
#8b7c32 rgb(139,124,50)
```
#92812b
```
#92812b rgb(146,129,43)
```
#998624
```
#998624 rgb(153,134,36)
```
#a08b1d
```
#a08b1d rgb(160,139,29)
```
#a89015
```
#a89015 rgb(168,144,21)
```
#af950e
```
#af950e rgb(175,149,14)
```
#b69a07
```
#b69a07 rgb(182,154,7)
```

Tone Color Variation

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

#ae9c1b Protanopia 1% of men
#c29420 Deuteranopia 1% of men
#bb909a Tritanopia 0.001% of the population

Trichromacy

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

#af950e hex color

#af950e Color Information

#af950e Color Conversion

Color Schemes with #af950e

Alternatives to #af950e

#af950e Preview

Shades and Tints of #af950e

Tones of #af950e

Color Blindness Simulator