#af771b hex color

In a RGB color space, hex #af771b is composed of 68.6% red, 46.7% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 84.6% yellow and 31.4% black. It has a hue angle of 37.3 degrees, a saturation of 73.3% and a lightness of 39.6%. #af771b color hex could be obtained by blending #ffee36 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 47
- B 11
RGB color chart
- C 0
- M 32
- Y 85
- K 31
CMYK color chart

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

The hexadecimal color #af771b has RGB values of R:175, G:119, B:27 and CMYK values of C:0, M:0.32, Y:0.85, K:0.31. Its decimal value is 11499291.

Hex triplet	af771b	`#af771b`
RGB Decimal	175, 119, 27	`rgb(175,119,27)`
RGB Percent	68.6, 46.7, 10.6	`rgb(68.6%,46.7%,10.6%)`
CMYK	0, 32, 85, 31
HSL	37.3°, 73.3, 39.6	`hsl(37.3,73.3%,39.6%)`
HSV (or HSB)	37.3°, 84.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	54.437, 14.492, 54.575
XYZ	24.474, 22.388, 4.069
xyY	0.481, 0.44, 22.388
CIE-LCH	54.437, 56.466, 75.129
CIE-LUV	54.437, 45.976, 51.363
Hunter-Lab	47.316, 9.526, 28.022
Binary	10101111, 01110111, 00011011

#af771b
```
#af771b rgb(175,119,27)
```
#1b53af
```
#1b53af rgb(27,83,175)
```

Complementary Color

#af2d1b
```
#af2d1b rgb(175,45,27)
```
#af771b
```
#af771b rgb(175,119,27)
```
#9daf1b
```
#9daf1b rgb(157,175,27)
```

Analogous Color

#2d1baf
```
#2d1baf rgb(45,27,175)
```
#af771b
```
#af771b rgb(175,119,27)
```
#1b9daf
```
#1b9daf rgb(27,157,175)
```

Split Complementary Color

#771baf
```
#771baf rgb(119,27,175)
```
#af771b
```
#af771b rgb(175,119,27)
```
#1baf77
```
#1baf77 rgb(27,175,119)
```

Triadic Color

#af1b53
```
#af1b53 rgb(175,27,83)
```
#af771b
```
#af771b rgb(175,119,27)
```
#1baf77
```
#1baf77 rgb(27,175,119)
```
#1b53af
```
#1b53af rgb(27,83,175)
```

Tetradic Color

#6d4a11
```
#6d4a11 rgb(109,74,17)
```
#835914
```
#835914 rgb(131,89,20)
```
#996818
```
#996818 rgb(153,104,24)
```
#af771b
```
#af771b rgb(175,119,27)
```
#c5861e
```
#c5861e rgb(197,134,30)
```
#db9522
```
#db9522 rgb(219,149,34)
```
#e0a036
```
#e0a036 rgb(224,160,54)
```

Monochromatic Color

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

#af521b
```
#af521b rgb(175,82,27)
```
#af5e1b
```
#af5e1b rgb(175,94,27)
```
#af6b1b
```
#af6b1b rgb(175,107,27)
```
#af771b
```
#af771b rgb(175,119,27)
```
#af831b
```
#af831b rgb(175,131,27)
```
#af901b
```
#af901b rgb(175,144,27)
```
#af9c1b
```
#af9c1b rgb(175,156,27)
```

Similar Colors

Text with hexadecimal color #af771b

This text has a font color of #af771b.

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

#af771b background color

This paragraph has a background color of #af771b.

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

#af771b border color

This element has a border color of #af771b.

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

CSS codes

.text {color:#af771b;}

.background {background-color:#af771b;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#160f03
```
#160f03 rgb(22,15,3)
```
#271b06
```
#271b06 rgb(39,27,6)
```
#382609
```
#382609 rgb(56,38,9)
```
#49320b
```
#49320b rgb(73,50,11)
```
#5a3d0e
```
#5a3d0e rgb(90,61,14)
```
#6b4911
```
#6b4911 rgb(107,73,17)
```
#7c5413
```
#7c5413 rgb(124,84,19)
```
#8d6016
```
#8d6016 rgb(141,96,22)
```
#9e6b18
```
#9e6b18 rgb(158,107,24)
```
#af771b
```
#af771b rgb(175,119,27)
```
#c0831e
```
#c0831e rgb(192,131,30)
```
#d18e20
```
#d18e20 rgb(209,142,32)
```

Shade Color Variation

#de9927
```
#de9927 rgb(222,153,39)
```
#e0a138
```
#e0a138 rgb(224,161,56)
```
#e3a949
```
#e3a949 rgb(227,169,73)
```
#e6b15a
```
#e6b15a rgb(230,177,90)
```
#e8b96b
```
#e8b96b rgb(232,185,107)
```
#ebc17c
```
#ebc17c rgb(235,193,124)
```
#edc98d
```
#edc98d rgb(237,201,141)
```
#f0d19e
```
#f0d19e rgb(240,209,158)
```
#f3d9af
```
#f3d9af rgb(243,217,175)
```
#f5e1c0
```
#f5e1c0 rgb(245,225,192)
```
#f8e9d1
```
#f8e9d1 rgb(248,233,209)
```
#fbf1e2
```
#fbf1e2 rgb(251,241,226)
```
#fdf9f3
```
#fdf9f3 rgb(253,249,243)
```

Tint Color Variation

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

#696661
```
#696661 rgb(105,102,97)
```
#716859
```
#716859 rgb(113,104,89)
```
#796a51
```
#796a51 rgb(121,106,81)
```
#806c4a
```
#806c4a rgb(128,108,74)
```
#886e42
```
#886e42 rgb(136,110,66)
```
#906f3a
```
#906f3a rgb(144,111,58)
```
#987132
```
#987132 rgb(152,113,50)
```
#9f732b
```
#9f732b rgb(159,115,43)
```
#a77523
```
#a77523 rgb(167,117,35)
```
#af771b
```
#af771b rgb(175,119,27)
```
#b77913
```
#b77913 rgb(183,121,19)
```
#bf7b0b
```
#bf7b0b rgb(191,123,11)
```
#c67d04
```
#c67d04 rgb(198,125,4)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988829 Protanopia 1% of men
#aa8224 Deuteranopia 1% of men
#b8767e Tritanopia 0.001% of the population

Trichromacy

#a08224 Protanomaly 1% of men, 0.01% of women
#ac7e21 Deuteranomaly 6% of men, 0.4% of women
#b4765a Tritanomaly 0.01% of the population

#af771b hex color

#af771b Color Information

#af771b Color Conversion

Color Schemes with #af771b

Alternatives to #af771b

#af771b Preview

Shades and Tints of #af771b

Tones of #af771b

Color Blindness Simulator