#af772d hex color

In a RGB color space, hex #af772d is composed of 68.6% red, 46.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 74.3% yellow and 31.4% black. It has a hue angle of 34.2 degrees, a saturation of 59.1% and a lightness of 43.1%. #af772d color hex could be obtained by blending #ffee5a with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af772d has RGB values of R:175, G:119, B:45 and CMYK values of C:0, M:0.32, Y:0.74, K:0.31. Its decimal value is 11499309.

Hex triplet	af772d	`#af772d`
RGB Decimal	175, 119, 45	`rgb(175,119,45)`
RGB Percent	68.6, 46.7, 17.6	`rgb(68.6%,46.7%,17.6%)`
CMYK	0, 32, 74, 31
HSL	34.2°, 59.1, 43.1	`hsl(34.2,59.1%,43.1%)`
HSV (or HSB)	34.2°, 74.3, 68.6
Web Safe	996633	`#996633`

CIE-LAB	54.552, 15.185, 47.613
XYZ	24.75, 22.499, 5.522
xyY	0.469, 0.426, 22.499
CIE-LCH	54.552, 49.976, 72.312
CIE-LUV	54.552, 45.045, 46.963
Hunter-Lab	47.433, 10.133, 26.301
Binary	10101111, 01110111, 00101101

#af772d
```
#af772d rgb(175,119,45)
```
#2d65af
```
#2d65af rgb(45,101,175)
```

Complementary Color

#af362d
```
#af362d rgb(175,54,45)
```
#af772d
```
#af772d rgb(175,119,45)
```
#a6af2d
```
#a6af2d rgb(166,175,45)
```

Analogous Color

#362daf
```
#362daf rgb(54,45,175)
```
#af772d
```
#af772d rgb(175,119,45)
```
#2da6af
```
#2da6af rgb(45,166,175)
```

Split Complementary Color

#772daf
```
#772daf rgb(119,45,175)
```
#af772d
```
#af772d rgb(175,119,45)
```
#2daf77
```
#2daf77 rgb(45,175,119)
```

Triadic Color

#af2d65
```
#af2d65 rgb(175,45,101)
```
#af772d
```
#af772d rgb(175,119,45)
```
#2daf77
```
#2daf77 rgb(45,175,119)
```
#2d65af
```
#2d65af rgb(45,101,175)
```

Tetradic Color

#724e1d
```
#724e1d rgb(114,78,29)
```
#865b23
```
#865b23 rgb(134,91,35)
```
#9b6928
```
#9b6928 rgb(155,105,40)
```
#af772d
```
#af772d rgb(175,119,45)
```
#c38532
```
#c38532 rgb(195,133,50)
```
#ce9141
```
#ce9141 rgb(206,145,65)
```
#d39d55
```
#d39d55 rgb(211,157,85)
```

Monochromatic Color

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

#af572d
```
#af572d rgb(175,87,45)
```
#af612d
```
#af612d rgb(175,97,45)
```
#af6c2d
```
#af6c2d rgb(175,108,45)
```
#af772d
```
#af772d rgb(175,119,45)
```
#af822d
```
#af822d rgb(175,130,45)
```
#af8d2d
```
#af8d2d rgb(175,141,45)
```
#af982d
```
#af982d rgb(175,152,45)
```

Similar Colors

Text with hexadecimal color #af772d

This text has a font color of #af772d.

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

#af772d background color

This paragraph has a background color of #af772d.

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

#af772d border color

This element has a border color of #af772d.

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

CSS codes

.text {color:#af772d;}

.background {background-color:#af772d;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130d05
```
#130d05 rgb(19,13,5)
```
#231809
```
#231809 rgb(35,24,9)
```
#32220d
```
#32220d rgb(50,34,13)
```
#422d11
```
#422d11 rgb(66,45,17)
```
#513715
```
#513715 rgb(81,55,21)
```
#614219
```
#614219 rgb(97,66,25)
```
#714d1d
```
#714d1d rgb(113,77,29)
```
#805721
```
#805721 rgb(128,87,33)
```
#906225
```
#906225 rgb(144,98,37)
```
#9f6c29
```
#9f6c29 rgb(159,108,41)
```
#af772d
```
#af772d rgb(175,119,45)
```
#bf8231
```
#bf8231 rgb(191,130,49)
```

Shade Color Variation

#cc8c38
```
#cc8c38 rgb(204,140,56)
```
#d09547
```
#d09547 rgb(208,149,71)
```
#d49e57
```
#d49e57 rgb(212,158,87)
```
#d8a766
```
#d8a766 rgb(216,167,102)
```
#dcb076
```
#dcb076 rgb(220,176,118)
```
#e0b986
```
#e0b986 rgb(224,185,134)
```
#e4c295
```
#e4c295 rgb(228,194,149)
```
#e8cba5
```
#e8cba5 rgb(232,203,165)
```
#ecd4b4
```
#ecd4b4 rgb(236,212,180)
```
#f0ddc4
```
#f0ddc4 rgb(240,221,196)
```
#f4e6d4
```
#f4e6d4 rgb(244,230,212)
```
#f8efe3
```
#f8efe3 rgb(248,239,227)
```
#fcf8f3
```
#fcf8f3 rgb(252,248,243)
```

Tint Color Variation

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

#746f68
```
#746f68 rgb(116,111,104)
```
#7c7060
```
#7c7060 rgb(124,112,96)
```
#857157
```
#857157 rgb(133,113,87)
```
#8d724f
```
#8d724f rgb(141,114,79)
```
#967346
```
#967346 rgb(150,115,70)
```
#9e753e
```
#9e753e rgb(158,117,62)
```
#a77635
```
#a77635 rgb(167,118,53)
```
#af772d
```
#af772d rgb(175,119,45)
```
#b77825
```
#b77825 rgb(183,120,37)
```
#c0791c
```
#c0791c rgb(192,121,28)
```
#c87b14
```
#c87b14 rgb(200,123,20)
```
#d17c0b
```
#d17c0b rgb(209,124,11)
```
#d97d03
```
#d97d03 rgb(217,125,3)
```

Tone Color Variation

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

Dichromacy

#97893b Protanopia 1% of men
#a98236 Deuteranopia 1% of men
#b8767e Tritanopia 0.001% of the population

Trichromacy

#a08235 Protanomaly 1% of men, 0.01% of women
#ab7e32 Deuteranomaly 6% of men, 0.4% of women
#b47661 Tritanomaly 0.01% of the population

#af772d hex color

#af772d Color Information

#af772d Color Conversion

Color Schemes with #af772d

Alternatives to #af772d

#af772d Preview

Shades and Tints of #af772d

Tones of #af772d

Color Blindness Simulator