#af740f hex color

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

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

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

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

Hex triplet	af740f	`#af740f`
RGB Decimal	175, 116, 15	`rgb(175,116,15)`
RGB Percent	68.6, 45.5, 5.9	`rgb(68.6%,45.5%,5.9%)`
CMYK	0, 34, 91, 31
HSL	37.9°, 84.2, 37.3	`hsl(37.9,84.2%,37.3%)`
HSV (or HSB)	37.9°, 91.4, 68.6
Web Safe	996600	`#996600`

CIE-LAB	53.644, 15.891, 57.316
XYZ	24.011, 21.641, 3.364
xyY	0.49, 0.441, 21.641
CIE-LCH	53.644, 59.478, 74.504
CIE-LUV	53.644, 48.751, 52.037
Hunter-Lab	46.52, 10.724, 28.276
Binary	10101111, 01110100, 00001111

#af740f
```
#af740f rgb(175,116,15)
```
#0f4aaf
```
#0f4aaf rgb(15,74,175)
```

Complementary Color

#af240f
```
#af240f rgb(175,36,15)
```
#af740f
```
#af740f rgb(175,116,15)
```
#9aaf0f
```
#9aaf0f rgb(154,175,15)
```

Analogous Color

#240faf
```
#240faf rgb(36,15,175)
```
#af740f
```
#af740f rgb(175,116,15)
```
#0f9aaf
```
#0f9aaf rgb(15,154,175)
```

Split Complementary Color

#740faf
```
#740faf rgb(116,15,175)
```
#af740f
```
#af740f rgb(175,116,15)
```
#0faf74
```
#0faf74 rgb(15,175,116)
```

Triadic Color

#af0f4a
```
#af0f4a rgb(175,15,74)
```
#af740f
```
#af740f rgb(175,116,15)
```
#0faf74
```
#0faf74 rgb(15,175,116)
```
#0f4aaf
```
#0f4aaf rgb(15,74,175)
```

Tetradic Color

#694509
```
#694509 rgb(105,69,9)
```
#80550b
```
#80550b rgb(128,85,11)
```
#98640d
```
#98640d rgb(152,100,13)
```
#af740f
```
#af740f rgb(175,116,15)
```
#c68411
```
#c68411 rgb(198,132,17)
```
#de9313
```
#de9313 rgb(222,147,19)
```
#eca01f
```
#eca01f rgb(236,160,31)
```

Monochromatic Color

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

#af4c0f
```
#af4c0f rgb(175,76,15)
```
#af590f
```
#af590f rgb(175,89,15)
```
#af670f
```
#af670f rgb(175,103,15)
```
#af740f
```
#af740f rgb(175,116,15)
```
#af810f
```
#af810f rgb(175,129,15)
```
#af8f0f
```
#af8f0f rgb(175,143,15)
```
#af9c0f
```
#af9c0f rgb(175,156,15)
```

Similar Colors

Text with hexadecimal color #af740f

This text has a font color of #af740f.

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

#af740f background color

This paragraph has a background color of #af740f.

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

#af740f border color

This element has a border color of #af740f.

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

CSS codes

.text {color:#af740f;}

.background {background-color:#af740f;}

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

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

#0c0801
```
#0c0801 rgb(12,8,1)
```
#1e1403
```
#1e1403 rgb(30,20,3)
```
#312004
```
#312004 rgb(49,32,4)
```
#432c06
```
#432c06 rgb(67,44,6)
```
#553807
```
#553807 rgb(85,56,7)
```
#674409
```
#674409 rgb(103,68,9)
```
#79500a
```
#79500a rgb(121,80,10)
```
#8b5c0c
```
#8b5c0c rgb(139,92,12)
```
#9d680d
```
#9d680d rgb(157,104,13)
```
#af740f
```
#af740f rgb(175,116,15)
```
#c18011
```
#c18011 rgb(193,128,17)
```
#d38c12
```
#d38c12 rgb(211,140,18)
```
#e59814
```
#e59814 rgb(229,152,20)
```

Shade Color Variation

#eca121
```
#eca121 rgb(236,161,33)
```
#eda933
```
#eda933 rgb(237,169,51)
```
#efb045
```
#efb045 rgb(239,176,69)
```
#f1b857
```
#f1b857 rgb(241,184,87)
```
#f2bf69
```
#f2bf69 rgb(242,191,105)
```
#f4c77b
```
#f4c77b rgb(244,199,123)
```
#f5cf8d
```
#f5cf8d rgb(245,207,141)
```
#f7d69f
```
#f7d69f rgb(247,214,159)
```
#f8deb1
```
#f8deb1 rgb(248,222,177)
```
#fae6c3
```
#fae6c3 rgb(250,230,195)
```
#fbedd5
```
#fbedd5 rgb(251,237,213)
```
#fdf5e7
```
#fdf5e7 rgb(253,245,231)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#666158
```
#666158 rgb(102,97,88)
```
#6d6351
```
#6d6351 rgb(109,99,81)
```
#756549
```
#756549 rgb(117,101,73)
```
#7c6742
```
#7c6742 rgb(124,103,66)
```
#83683b
```
#83683b rgb(131,104,59)
```
#8a6a34
```
#8a6a34 rgb(138,106,52)
```
#926c2c
```
#926c2c rgb(146,108,44)
```
#996e25
```
#996e25 rgb(153,110,37)
```
#a0701e
```
#a0701e rgb(160,112,30)
```
#a87216
```
#a87216 rgb(168,114,22)
```
#af740f
```
#af740f rgb(175,116,15)
```
#b67608
```
#b67608 rgb(182,118,8)
```
#be7800
```
#be7800 rgb(190,120,0)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#857965 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96871e Protanopia 1% of men
#a88017 Deuteranopia 1% of men
#b8737b Tritanopia 0.001% of the population

Trichromacy

#9f8019 Protanomaly 1% of men, 0.01% of women
#aa7b14 Deuteranomaly 6% of men, 0.4% of women
#b47353 Tritanomaly 0.01% of the population

#af740f hex color

#af740f Color Information

#af740f Color Conversion

Color Schemes with #af740f

Alternatives to #af740f

#af740f Preview

Shades and Tints of #af740f

Tones of #af740f

Color Blindness Simulator