#af772b hex color

In a RGB color space, hex #af772b is composed of 68.6% red, 46.7% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 75.4% yellow and 31.4% black. It has a hue angle of 34.5 degrees, a saturation of 60.6% and a lightness of 42.7%. #af772b color hex could be obtained by blending #ffee56 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af772b has RGB values of R:175, G:119, B:43 and CMYK values of C:0, M:0.32, Y:0.75, K:0.31. Its decimal value is 11499307.

Hex triplet	af772b	`#af772b`
RGB Decimal	175, 119, 43	`rgb(175,119,43)`
RGB Percent	68.6, 46.7, 16.9	`rgb(68.6%,46.7%,16.9%)`
CMYK	0, 32, 75, 31
HSL	34.5°, 60.6, 42.7	`hsl(34.5,60.6%,42.7%)`
HSV (or HSB)	34.5°, 75.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	54.536, 15.091, 48.482
XYZ	24.713, 22.484, 5.324
xyY	0.471, 0.428, 22.484
CIE-LCH	54.536, 50.776, 72.71
CIE-LUV	54.536, 45.17, 47.555
Hunter-Lab	47.417, 10.051, 26.535
Binary	10101111, 01110111, 00101011

#af772b
```
#af772b rgb(175,119,43)
```
#2b63af
```
#2b63af rgb(43,99,175)
```

Complementary Color

#af352b
```
#af352b rgb(175,53,43)
```
#af772b
```
#af772b rgb(175,119,43)
```
#a5af2b
```
#a5af2b rgb(165,175,43)
```

Analogous Color

#352baf
```
#352baf rgb(53,43,175)
```
#af772b
```
#af772b rgb(175,119,43)
```
#2ba5af
```
#2ba5af rgb(43,165,175)
```

Split Complementary Color

#772baf
```
#772baf rgb(119,43,175)
```
#af772b
```
#af772b rgb(175,119,43)
```
#2baf77
```
#2baf77 rgb(43,175,119)
```

Triadic Color

#af2b63
```
#af2b63 rgb(175,43,99)
```
#af772b
```
#af772b rgb(175,119,43)
```
#2baf77
```
#2baf77 rgb(43,175,119)
```
#2b63af
```
#2b63af rgb(43,99,175)
```

Tetradic Color

#724d1c
```
#724d1c rgb(114,77,28)
```
#865b21
```
#865b21 rgb(134,91,33)
```
#9b6926
```
#9b6926 rgb(155,105,38)
```
#af772b
```
#af772b rgb(175,119,43)
```
#c38530
```
#c38530 rgb(195,133,48)
```
#cf923e
```
#cf923e rgb(207,146,62)
```
#d49d52
```
#d49d52 rgb(212,157,82)
```

Monochromatic Color

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

#af562b
```
#af562b rgb(175,86,43)
```
#af612b
```
#af612b rgb(175,97,43)
```
#af6c2b
```
#af6c2b rgb(175,108,43)
```
#af772b
```
#af772b rgb(175,119,43)
```
#af822b
```
#af822b rgb(175,130,43)
```
#af8d2b
```
#af8d2b rgb(175,141,43)
```
#af982b
```
#af982b rgb(175,152,43)
```

Similar Colors

Text with hexadecimal color #af772b

This text has a font color of #af772b.

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

#af772b background color

This paragraph has a background color of #af772b.

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

#af772b border color

This element has a border color of #af772b.

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

CSS codes

.text {color:#af772b;}

.background {background-color:#af772b;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120c04
```
#120c04 rgb(18,12,4)
```
#211708
```
#211708 rgb(33,23,8)
```
#31210c
```
#31210c rgb(49,33,12)
```
#412c10
```
#412c10 rgb(65,44,16)
```
#513714
```
#513714 rgb(81,55,20)
```
#604118
```
#604118 rgb(96,65,24)
```
#704c1c
```
#704c1c rgb(112,76,28)
```
#80571f
```
#80571f rgb(128,87,31)
```
#906223
```
#906223 rgb(144,98,35)
```
#9f6c27
```
#9f6c27 rgb(159,108,39)
```
#af772b
```
#af772b rgb(175,119,43)
```
#bf822f
```
#bf822f rgb(191,130,47)
```

Shade Color Variation

#cd8c34
```
#cd8c34 rgb(205,140,52)
```
#d19544
```
#d19544 rgb(209,149,68)
```
#d59e54
```
#d59e54 rgb(213,158,84)
```
#d9a763
```
#d9a763 rgb(217,167,99)
```
#ddb073
```
#ddb073 rgb(221,176,115)
```
#e0b983
```
#e0b983 rgb(224,185,131)
```
#e4c293
```
#e4c293 rgb(228,194,147)
```
#e8cba2
```
#e8cba2 rgb(232,203,162)
```
#ecd3b2
```
#ecd3b2 rgb(236,211,178)
```
#f0dcc2
```
#f0dcc2 rgb(240,220,194)
```
#f4e5d2
```
#f4e5d2 rgb(244,229,210)
```
#f8eee1
```
#f8eee1 rgb(248,238,225)
```
#fcf7f1
```
#fcf7f1 rgb(252,247,241)
```

Tint Color Variation

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

#746e66
```
#746e66 rgb(116,110,102)
```
#7d6f5d
```
#7d6f5d rgb(125,111,93)
```
#857155
```
#857155 rgb(133,113,85)
```
#8d724d
```
#8d724d rgb(141,114,77)
```
#967344
```
#967344 rgb(150,115,68)
```
#9e743c
```
#9e743c rgb(158,116,60)
```
#a77633
```
#a77633 rgb(167,118,51)
```
#af772b
```
#af772b rgb(175,119,43)
```
#b77823
```
#b77823 rgb(183,120,35)
```
#c07a1a
```
#c07a1a rgb(192,122,26)
```
#c87b12
```
#c87b12 rgb(200,123,18)
```
#d17c09
```
#d17c09 rgb(209,124,9)
```
#d97d01
```
#d97d01 rgb(217,125,1)
```

Tone Color Variation

Below, you can see how #af772b 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
#897d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#988939 Protanopia 1% of men
#a98234 Deuteranopia 1% of men
#b8767e Tritanopia 0.001% of the population

Trichromacy

#a08233 Protanomaly 1% of men, 0.01% of women
#ab7e30 Deuteranomaly 6% of men, 0.4% of women
#b47660 Tritanomaly 0.01% of the population

#af772b hex color

#af772b Color Information

#af772b Color Conversion

Color Schemes with #af772b

Alternatives to #af772b

#af772b Preview

Shades and Tints of #af772b

Tones of #af772b

Color Blindness Simulator