#af7b1a hex color

In a RGB color space, hex #af7b1a is composed of 68.6% red, 48.2% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.7% magenta, 85.1% yellow and 31.4% black. It has a hue angle of 39.1 degrees, a saturation of 74.1% and a lightness of 39.4%. #af7b1a color hex could be obtained by blending #fff634 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

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

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

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

CIE-LAB	55.437, 12.223, 55.745
XYZ	24.949, 23.356, 4.171
xyY	0.475, 0.445, 23.356
CIE-LCH	55.437, 57.07, 77.633
CIE-LUV	55.437, 42.88, 53.115
Hunter-Lab	48.328, 7.576, 28.712
Binary	10101111, 01111011, 00011010

#af7b1a
```
#af7b1a rgb(175,123,26)
```
#1a4eaf
```
#1a4eaf rgb(26,78,175)
```

Complementary Color

#af311a
```
#af311a rgb(175,49,26)
```
#af7b1a
```
#af7b1a rgb(175,123,26)
```
#99af1a
```
#99af1a rgb(153,175,26)
```

Analogous Color

#311aaf
```
#311aaf rgb(49,26,175)
```
#af7b1a
```
#af7b1a rgb(175,123,26)
```
#1a99af
```
#1a99af rgb(26,153,175)
```

Split Complementary Color

#7b1aaf
```
#7b1aaf rgb(123,26,175)
```
#af7b1a
```
#af7b1a rgb(175,123,26)
```
#1aaf7b
```
#1aaf7b rgb(26,175,123)
```

Triadic Color

#af1a4e
```
#af1a4e rgb(175,26,78)
```
#af7b1a
```
#af7b1a rgb(175,123,26)
```
#1aaf7b
```
#1aaf7b rgb(26,175,123)
```
#1a4eaf
```
#1a4eaf rgb(26,78,175)
```

Tetradic Color

#6c4c10
```
#6c4c10 rgb(108,76,16)
```
#835c13
```
#835c13 rgb(131,92,19)
```
#996b17
```
#996b17 rgb(153,107,23)
```
#af7b1a
```
#af7b1a rgb(175,123,26)
```
#c58b1d
```
#c58b1d rgb(197,139,29)
```
#db9a21
```
#db9a21 rgb(219,154,33)
```
#e1a535
```
#e1a535 rgb(225,165,53)
```

Monochromatic Color

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

#af561a
```
#af561a rgb(175,86,26)
```
#af621a
```
#af621a rgb(175,98,26)
```
#af6f1a
```
#af6f1a rgb(175,111,26)
```
#af7b1a
```
#af7b1a rgb(175,123,26)
```
#af871a
```
#af871a rgb(175,135,26)
```
#af941a
```
#af941a rgb(175,148,26)
```
#afa01a
```
#afa01a rgb(175,160,26)
```

Similar Colors

Text with hexadecimal color #af7b1a

This text has a font color of #af7b1a.

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

#af7b1a background color

This paragraph has a background color of #af7b1a.

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

#af7b1a border color

This element has a border color of #af7b1a.

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

CSS codes

.text {color:#af7b1a;}

.background {background-color:#af7b1a;}

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

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)
```
#5a3f0d
```
#5a3f0d rgb(90,63,13)
```
#6b4b10
```
#6b4b10 rgb(107,75,16)
```
#7c5712
```
#7c5712 rgb(124,87,18)
```
#8d6315
```
#8d6315 rgb(141,99,21)
```
#9e6f17
```
#9e6f17 rgb(158,111,23)
```
#af7b1a
```
#af7b1a rgb(175,123,26)
```
#c0871d
```
#c0871d rgb(192,135,29)
```
#d1931f
```
#d1931f rgb(209,147,31)
```

Shade Color Variation

#df9e25
```
#df9e25 rgb(223,158,37)
```
#e1a636
```
#e1a636 rgb(225,166,54)
```
#e4ad47
```
#e4ad47 rgb(228,173,71)
```
#e6b558
```
#e6b558 rgb(230,181,88)
```
#e9bc6a
```
#e9bc6a rgb(233,188,106)
```
#ebc47b
```
#ebc47b rgb(235,196,123)
```
#eecc8c
```
#eecc8c rgb(238,204,140)
```
#f0d39d
```
#f0d39d rgb(240,211,157)
```
#f3dbae
```
#f3dbae rgb(243,219,174)
```
#f5e2bf
```
#f5e2bf rgb(245,226,191)
```
#f8ead0
```
#f8ead0 rgb(248,234,208)
```
#fbf2e1
```
#fbf2e1 rgb(251,242,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 #c68203 is the most saturated one.

#696660
```
#696660 rgb(105,102,96)
```
#716858
```
#716858 rgb(113,104,88)
```
#796b50
```
#796b50 rgb(121,107,80)
```
#816d48
```
#816d48 rgb(129,109,72)
```
#886f41
```
#886f41 rgb(136,111,65)
```
#907239
```
#907239 rgb(144,114,57)
```
#987431
```
#987431 rgb(152,116,49)
```
#a07629
```
#a07629 rgb(160,118,41)
```
#a77922
```
#a77922 rgb(167,121,34)
```
#af7b1a
```
#af7b1a rgb(175,123,26)
```
#b77d12
```
#b77d12 rgb(183,125,18)
```
#be800b
```
#be800b rgb(190,128,11)
```
#c68203
```
#c68203 rgb(198,130,3)
```

Tone Color Variation

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

#9b8b28 Protanopia 1% of men
#ad8424 Deuteranopia 1% of men
#b87981 Tritanopia 0.001% of the population

Trichromacy

#a28523 Protanomaly 1% of men, 0.01% of women
#ad8120 Deuteranomaly 6% of men, 0.4% of women
#b57a5c Tritanomaly 0.01% of the population

#af7b1a hex color

#af7b1a Color Information

#af7b1a Color Conversion

Color Schemes with #af7b1a

Alternatives to #af7b1a

#af7b1a Preview

Shades and Tints of #af7b1a

Tones of #af7b1a

Color Blindness Simulator