#af8500 hex color

In a RGB color space, hex #af8500 is composed of 68.6% red, 52.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 100% yellow and 31.4% black. It has a hue angle of 45.6 degrees, a saturation of 100% and a lightness of 34.3%. #af8500 color hex could be obtained by blending #ffff00 with #5f0b00. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 52
- B 0
RGB color chart
- C 0
- M 24
- Y 100
- K 31
CMYK color chart

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

The hexadecimal color #af8500 has RGB values of R:175, G:133, B:0 and CMYK values of C:0, M:0.24, Y:1, K:0.31. Its decimal value is 11502848.

Hex triplet	af8500	`#af8500`
RGB Decimal	175, 133, 0	`rgb(175,133,0)`
RGB Percent	68.6, 52.2, 0	`rgb(68.6%,52.2%,0%)`
CMYK	0, 24, 100, 31
HSL	45.6°, 100, 34.3	`hsl(45.6,100%,34.3%)`
HSV (or HSB)	45.6°, 100, 68.6
Web Safe	999900	`#999900`

CIE-LAB	57.933, 6.178, 63.134
XYZ	26.067, 25.89, 3.624
xyY	0.469, 0.466, 25.89
CIE-LCH	57.933, 63.436, 84.411
CIE-LUV	57.933, 35.644, 59.91
Hunter-Lab	50.883, 2.401, 31.395
Binary	10101111, 10000101, 00000000

#af8500
```
#af8500 rgb(175,133,0)
```
#002aaf
```
#002aaf rgb(0,42,175)
```

Complementary Color

#af2d00
```
#af2d00 rgb(175,45,0)
```
#af8500
```
#af8500 rgb(175,133,0)
```
#82af00
```
#82af00 rgb(130,175,0)
```

Analogous Color

#2d00af
```
#2d00af rgb(45,0,175)
```
#af8500
```
#af8500 rgb(175,133,0)
```
#0082af
```
#0082af rgb(0,130,175)
```

Split Complementary Color

#8500af
```
#8500af rgb(133,0,175)
```
#af8500
```
#af8500 rgb(175,133,0)
```
#00af85
```
#00af85 rgb(0,175,133)
```

Triadic Color

#af002a
```
#af002a rgb(175,0,42)
```
#af8500
```
#af8500 rgb(175,133,0)
```
#00af85
```
#00af85 rgb(0,175,133)
```
#002aaf
```
#002aaf rgb(0,42,175)
```

Tetradic Color

#634b00
```
#634b00 rgb(99,75,0)
```
#7c5e00
```
#7c5e00 rgb(124,94,0)
```
#967200
```
#967200 rgb(150,114,0)
```
#af8500
```
#af8500 rgb(175,133,0)
```
#c99800
```
#c99800 rgb(201,152,0)
```
#e2ac00
```
#e2ac00 rgb(226,172,0)
```
#fcbf00
```
#fcbf00 rgb(252,191,0)
```

Monochromatic Color

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

#af5900
```
#af5900 rgb(175,89,0)
```
#af6800
```
#af6800 rgb(175,104,0)
```
#af7600
```
#af7600 rgb(175,118,0)
```
#af8500
```
#af8500 rgb(175,133,0)
```
#af9400
```
#af9400 rgb(175,148,0)
```
#afa200
```
#afa200 rgb(175,162,0)
```
#adaf00
```
#adaf00 rgb(173,175,0)
```

Similar Colors

Text with hexadecimal color #af8500

This text has a font color of #af8500.

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

#af8500 background color

This paragraph has a background color of #af8500.

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

#af8500 border color

This element has a border color of #af8500.

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

CSS codes

.text {color:#af8500;}

.background {background-color:#af8500;}

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

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, #120e00 is the darkest color, while #fffffd is the lightest one.

#120e00
```
#120e00 rgb(18,14,0)
```
#261d00
```
#261d00 rgb(38,29,0)
```
#392c00
```
#392c00 rgb(57,44,0)
```
#4d3a00
```
#4d3a00 rgb(77,58,0)
```
#614900
```
#614900 rgb(97,73,0)
```
#745800
```
#745800 rgb(116,88,0)
```
#886700
```
#886700 rgb(136,103,0)
```
#9b7600
```
#9b7600 rgb(155,118,0)
```
#af8500
```
#af8500 rgb(175,133,0)
```
#c39400
```
#c39400 rgb(195,148,0)
```
#d6a300
```
#d6a300 rgb(214,163,0)
```
#eab200
```
#eab200 rgb(234,178,0)
```
#fdc100
```
#fdc100 rgb(253,193,0)
```

Shade Color Variation

#ffc612
```
#ffc612 rgb(255,198,18)
```
#ffcb26
```
#ffcb26 rgb(255,203,38)
```
#ffd039
```
#ffd039 rgb(255,208,57)
```
#ffd44d
```
#ffd44d rgb(255,212,77)
```
#ffd961
```
#ffd961 rgb(255,217,97)
```
#ffde74
```
#ffde74 rgb(255,222,116)
```
#ffe288
```
#ffe288 rgb(255,226,136)
```
#ffe79b
```
#ffe79b rgb(255,231,155)
```
#ffecaf
```
#ffecaf rgb(255,236,175)
```
#fff1c3
```
#fff1c3 rgb(255,241,195)
```
#fff5d6
```
#fff5d6 rgb(255,245,214)
```
#fffaea
```
#fffaea rgb(255,250,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#5e5b51
```
#5e5b51 rgb(94,91,81)
```
#655f4a
```
#655f4a rgb(101,95,74)
```
#6c6243
```
#6c6243 rgb(108,98,67)
```
#72663d
```
#72663d rgb(114,102,61)
```
#796936
```
#796936 rgb(121,105,54)
```
#806d2f
```
#806d2f rgb(128,109,47)
```
#877028
```
#877028 rgb(135,112,40)
```
#8d7422
```
#8d7422 rgb(141,116,34)
```
#94771b
```
#94771b rgb(148,119,27)
```
#9b7b14
```
#9b7b14 rgb(155,123,20)
```
#a27e0d
```
#a27e0d rgb(162,126,13)
```
#a88207
```
#a88207 rgb(168,130,7)
```
#af8500
```
#af8500 rgb(175,133,0)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b8368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3910b Protanopia 1% of men
#b58a09 Deuteranopia 1% of men
#ba828b Tritanopia 0.001% of the population

Trichromacy

#a78c07 Protanomaly 1% of men, 0.01% of women
#b38806 Deuteranomaly 6% of men, 0.4% of women
#b68358 Tritanomaly 0.01% of the population

#af8500 hex color

#af8500 Color Information

#af8500 Color Conversion

Color Schemes with #af8500

Alternatives to #af8500

#af8500 Preview

Shades and Tints of #af8500

Tones of #af8500

Color Blindness Simulator