#af7400 hex color

In a RGB color space, hex #af7400 is composed of 68.6% red, 45.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.7% magenta, 100% yellow and 31.4% black. It has a hue angle of 39.8 degrees, a saturation of 100% and a lightness of 34.3%. #af7400 color hex could be obtained by blending #ffe800 with #5f0000. Closest websafe color is: #996600.

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

● #af7400 color description : Dark orange [Brown tone].

The hexadecimal color #af7400 has RGB values of R:175, G:116, B:0 and CMYK values of C:0, M:0.34, Y:1, K:0.31. Its decimal value is 11498496.

Hex triplet	af7400	`#af7400`
RGB Decimal	175, 116, 0	`rgb(175,116,0)`
RGB Percent	68.6, 45.5, 0	`rgb(68.6%,45.5%,0%)`
CMYK	0, 34, 100, 31
HSL	39.8°, 100, 34.3	`hsl(39.8,100%,34.3%)`
HSV (or HSB)	39.8°, 100, 68.6
Web Safe	996600	`#996600`

CIE-LAB	53.607, 15.671, 60.213
XYZ	23.925, 21.606, 2.91
xyY	0.494, 0.446, 21.606
CIE-LCH	53.607, 62.219, 75.411
CIE-LUV	53.607, 49.072, 53.48
Hunter-Lab	46.483, 10.532, 28.826
Binary	10101111, 01110100, 00000000

#af7400
```
#af7400 rgb(175,116,0)
```
#003baf
```
#003baf rgb(0,59,175)
```

Complementary Color

#af1d00
```
#af1d00 rgb(175,29,0)
```
#af7400
```
#af7400 rgb(175,116,0)
```
#93af00
```
#93af00 rgb(147,175,0)
```

Analogous Color

#1d00af
```
#1d00af rgb(29,0,175)
```
#af7400
```
#af7400 rgb(175,116,0)
```
#0093af
```
#0093af rgb(0,147,175)
```

Split Complementary Color

#7400af
```
#7400af rgb(116,0,175)
```
#af7400
```
#af7400 rgb(175,116,0)
```
#00af74
```
#00af74 rgb(0,175,116)
```

Triadic Color

#af003b
```
#af003b rgb(175,0,59)
```
#af7400
```
#af7400 rgb(175,116,0)
```
#00af74
```
#00af74 rgb(0,175,116)
```
#003baf
```
#003baf rgb(0,59,175)
```

Tetradic Color

#634100
```
#634100 rgb(99,65,0)
```
#7c5200
```
#7c5200 rgb(124,82,0)
```
#966300
```
#966300 rgb(150,99,0)
```
#af7400
```
#af7400 rgb(175,116,0)
```
#c98500
```
#c98500 rgb(201,133,0)
```
#e29600
```
#e29600 rgb(226,150,0)
```
#fca700
```
#fca700 rgb(252,167,0)
```

Monochromatic Color

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

#af4800
```
#af4800 rgb(175,72,0)
```
#af5700
```
#af5700 rgb(175,87,0)
```
#af6500
```
#af6500 rgb(175,101,0)
```
#af7400
```
#af7400 rgb(175,116,0)
```
#af8300
```
#af8300 rgb(175,131,0)
```
#af9100
```
#af9100 rgb(175,145,0)
```
#afa000
```
#afa000 rgb(175,160,0)
```

Similar Colors

Text with hexadecimal color #af7400

This text has a font color of #af7400.

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

#af7400 background color

This paragraph has a background color of #af7400.

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

#af7400 border color

This element has a border color of #af7400.

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

CSS codes

.text {color:#af7400;}

.background {background-color:#af7400;}

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

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

#120c00
```
#120c00 rgb(18,12,0)
```
#261900
```
#261900 rgb(38,25,0)
```
#392600
```
#392600 rgb(57,38,0)
```
#4d3300
```
#4d3300 rgb(77,51,0)
```
#614000
```
#614000 rgb(97,64,0)
```
#744d00
```
#744d00 rgb(116,77,0)
```
#885a00
```
#885a00 rgb(136,90,0)
```
#9b6700
```
#9b6700 rgb(155,103,0)
```
#af7400
```
#af7400 rgb(175,116,0)
```
#c38100
```
#c38100 rgb(195,129,0)
```
#d68e00
```
#d68e00 rgb(214,142,0)
```
#ea9b00
```
#ea9b00 rgb(234,155,0)
```
#fda800
```
#fda800 rgb(253,168,0)
```

Shade Color Variation

#ffaf12
```
#ffaf12 rgb(255,175,18)
```
#ffb626
```
#ffb626 rgb(255,182,38)
```
#ffbc39
```
#ffbc39 rgb(255,188,57)
```
#ffc34d
```
#ffc34d rgb(255,195,77)
```
#ffca61
```
#ffca61 rgb(255,202,97)
```
#ffd074
```
#ffd074 rgb(255,208,116)
```
#ffd788
```
#ffd788 rgb(255,215,136)
```
#ffdd9b
```
#ffdd9b rgb(255,221,155)
```
#ffe4af
```
#ffe4af rgb(255,228,175)
```
#ffebc3
```
#ffebc3 rgb(255,235,195)
```
#fff1d6
```
#fff1d6 rgb(255,241,214)
```
#fff8ea
```
#fff8ea rgb(255,248,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#5e5a51
```
#5e5a51 rgb(94,90,81)
```
#655c4a
```
#655c4a rgb(101,92,74)
```
#6c5e43
```
#6c5e43 rgb(108,94,67)
```
#72603d
```
#72603d rgb(114,96,61)
```
#796236
```
#796236 rgb(121,98,54)
```
#80652f
```
#80652f rgb(128,101,47)
```
#876728
```
#876728 rgb(135,103,40)
```
#8d6922
```
#8d6922 rgb(141,105,34)
```
#946b1b
```
#946b1b rgb(148,107,27)
```
#9b6d14
```
#9b6d14 rgb(155,109,20)
```
#a2700d
```
#a2700d rgb(162,112,13)
```
#a87207
```
#a87207 rgb(168,114,7)
```
#af7400
```
#af7400 rgb(175,116,0)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#837760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97860e Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#b8737a Tritanopia 0.001% of the population

Trichromacy

#9f8008 Protanomaly 1% of men, 0.01% of women
#aa7b00 Deuteranomaly 6% of men, 0.4% of women
#b4734e Tritanomaly 0.01% of the population

#af7400 hex color

#af7400 Color Information

#af7400 Color Conversion

Color Schemes with #af7400

Alternatives to #af7400

#af7400 Preview

Shades and Tints of #af7400

Tones of #af7400

Color Blindness Simulator