#af7a1a hex color

In a RGB color space, hex #af7a1a is composed of 68.6% red, 47.8% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.3% magenta, 85.1% yellow and 31.4% black. It has a hue angle of 38.7 degrees, a saturation of 74.1% and a lightness of 39.4%. #af7a1a color hex could be obtained by blending #fff434 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 48
- B 10
RGB color chart
- C 0
- M 30
- Y 85
- K 31
CMYK color chart

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

The hexadecimal color #af7a1a has RGB values of R:175, G:122, B:26 and CMYK values of C:0, M:0.3, Y:0.85, K:0.31. Its decimal value is 11500058.

Hex triplet	af7a1a	`#af7a1a`
RGB Decimal	175, 122, 26	`rgb(175,122,26)`
RGB Percent	68.6, 47.8, 10.2	`rgb(68.6%,47.8%,10.2%)`
CMYK	0, 30, 85, 31
HSL	38.7°, 74.1, 39.4	`hsl(38.7,74.1%,39.4%)`
HSV (or HSB)	38.7°, 85.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	55.185, 12.783, 55.532
XYZ	24.826, 23.109, 4.13
xyY	0.477, 0.444, 23.109
CIE-LCH	55.185, 56.984, 77.037
CIE-LUV	55.185, 43.661, 52.722
Hunter-Lab	48.072, 8.057, 28.556
Binary	10101111, 01111010, 00011010

#af7a1a
```
#af7a1a rgb(175,122,26)
```
#1a4faf
```
#1a4faf rgb(26,79,175)
```

Complementary Color

#af301a
```
#af301a rgb(175,48,26)
```
#af7a1a
```
#af7a1a rgb(175,122,26)
```
#9aaf1a
```
#9aaf1a rgb(154,175,26)
```

Analogous Color

#301aaf
```
#301aaf rgb(48,26,175)
```
#af7a1a
```
#af7a1a rgb(175,122,26)
```
#1a9aaf
```
#1a9aaf rgb(26,154,175)
```

Split Complementary Color

#7a1aaf
```
#7a1aaf rgb(122,26,175)
```
#af7a1a
```
#af7a1a rgb(175,122,26)
```
#1aaf7a
```
#1aaf7a rgb(26,175,122)
```

Triadic Color

#af1a4f
```
#af1a4f rgb(175,26,79)
```
#af7a1a
```
#af7a1a rgb(175,122,26)
```
#1aaf7a
```
#1aaf7a rgb(26,175,122)
```
#1a4faf
```
#1a4faf rgb(26,79,175)
```

Tetradic Color

#6c4c10
```
#6c4c10 rgb(108,76,16)
```
#835b13
```
#835b13 rgb(131,91,19)
```
#996b17
```
#996b17 rgb(153,107,23)
```
#af7a1a
```
#af7a1a rgb(175,122,26)
```
#c5891d
```
#c5891d rgb(197,137,29)
```
#db9921
```
#db9921 rgb(219,153,33)
```
#e1a435
```
#e1a435 rgb(225,164,53)
```

Monochromatic Color

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

#af551a
```
#af551a rgb(175,85,26)
```
#af611a
```
#af611a rgb(175,97,26)
```
#af6e1a
```
#af6e1a rgb(175,110,26)
```
#af7a1a
```
#af7a1a rgb(175,122,26)
```
#af861a
```
#af861a rgb(175,134,26)
```
#af931a
```
#af931a rgb(175,147,26)
```
#af9f1a
```
#af9f1a rgb(175,159,26)
```

Similar Colors

Text with hexadecimal color #af7a1a

This text has a font color of #af7a1a.

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

#af7a1a background color

This paragraph has a background color of #af7a1a.

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

#af7a1a border color

This element has a border color of #af7a1a.

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

CSS codes

.text {color:#af7a1a;}

.background {background-color:#af7a1a;}

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

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, #040301 is the darkest color, while #fdf9f2 is the lightest one.

#040301
```
#040301 rgb(4,3,1)
```
#150f03
```
#150f03 rgb(21,15,3)
```
#261b06
```
#261b06 rgb(38,27,6)
```
#372708
```
#372708 rgb(55,39,8)
```
#49330b
```
#49330b rgb(73,51,11)
```
#5a3e0d
```
#5a3e0d rgb(90,62,13)
```
#6b4a10
```
#6b4a10 rgb(107,74,16)
```
#7c5612
```
#7c5612 rgb(124,86,18)
```
#8d6215
```
#8d6215 rgb(141,98,21)
```
#9e6e17
```
#9e6e17 rgb(158,110,23)
```
#af7a1a
```
#af7a1a rgb(175,122,26)
```
#c0861d
```
#c0861d rgb(192,134,29)
```
#d1921f
```
#d1921f rgb(209,146,31)
```

Shade Color Variation

#df9d25
```
#df9d25 rgb(223,157,37)
```
#e1a436
```
#e1a436 rgb(225,164,54)
```
#e4ac47
```
#e4ac47 rgb(228,172,71)
```
#e6b458
```
#e6b458 rgb(230,180,88)
```
#e9bc6a
```
#e9bc6a rgb(233,188,106)
```
#ebc37b
```
#ebc37b rgb(235,195,123)
```
#eecb8c
```
#eecb8c rgb(238,203,140)
```
#f0d39d
```
#f0d39d rgb(240,211,157)
```
#f3daae
```
#f3daae rgb(243,218,174)
```
#f5e2bf
```
#f5e2bf rgb(245,226,191)
```
#f8ead0
```
#f8ead0 rgb(248,234,208)
```
#fbf1e1
```
#fbf1e1 rgb(251,241,225)
```
#fdf9f2
```
#fdf9f2 rgb(253,249,242)
```

Tint Color Variation

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

#696660
```
#696660 rgb(105,102,96)
```
#716858
```
#716858 rgb(113,104,88)
```
#796a50
```
#796a50 rgb(121,106,80)
```
#816d48
```
#816d48 rgb(129,109,72)
```
#886f41
```
#886f41 rgb(136,111,65)
```
#907139
```
#907139 rgb(144,113,57)
```
#987331
```
#987331 rgb(152,115,49)
```
#a07629
```
#a07629 rgb(160,118,41)
```
#a77822
```
#a77822 rgb(167,120,34)
```
#af7a1a
```
#af7a1a rgb(175,122,26)
```
#b77c12
```
#b77c12 rgb(183,124,18)
```
#be7e0b
```
#be7e0b rgb(190,126,11)
```
#c68103
```
#c68103 rgb(198,129,3)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#897e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a28 Protanopia 1% of men
#ac8324 Deuteranopia 1% of men
#b87880 Tritanopia 0.001% of the population

Trichromacy

#a28423 Protanomaly 1% of men, 0.01% of women
#ad8020 Deuteranomaly 6% of men, 0.4% of women
#b5795b Tritanomaly 0.01% of the population

#af7a1a hex color

#af7a1a Color Information

#af7a1a Color Conversion

Color Schemes with #af7a1a

Alternatives to #af7a1a

#af7a1a Preview

Shades and Tints of #af7a1a

Tones of #af7a1a

Color Blindness Simulator