#af9977 hex color

In a RGB color space, hex #af9977 is composed of 68.6% red, 60% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 32% yellow and 31.4% black. It has a hue angle of 36.4 degrees, a saturation of 25.9% and a lightness of 57.6%. #af9977 color hex could be obtained by blending #ffffee with #5f3300. Closest websafe color is: #999966.

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

● #af9977 color description : Mostly desaturated dark orange.

The hexadecimal color #af9977 has RGB values of R:175, G:153, B:119 and CMYK values of C:0, M:0.13, Y:0.32, K:0.31. Its decimal value is 11508087.

Hex triplet	af9977	`#af9977`
RGB Decimal	175, 153, 119	`rgb(175,153,119)`
RGB Percent	68.6, 60, 46.7	`rgb(68.6%,60%,46.7%)`
CMYK	0, 13, 32, 31
HSL	36.4°, 25.9, 57.6	`hsl(36.4,25.9%,57.6%)`
HSV (or HSB)	36.4°, 32, 68.6
Web Safe	999966	`#999966`

CIE-LAB	64.346, 2.959, 20.886
XYZ	32.4, 33.229, 22.159
xyY	0.369, 0.379, 33.229
CIE-LCH	64.346, 21.095, 81.935
CIE-LUV	64.346, 16.003, 27.054
Hunter-Lab	57.645, -0.55, 17.56
Binary	10101111, 10011001, 01110111

#af9977
```
#af9977 rgb(175,153,119)
```
#778daf
```
#778daf rgb(119,141,175)
```

Complementary Color

#af7d77
```
#af7d77 rgb(175,125,119)
```
#af9977
```
#af9977 rgb(175,153,119)
```
#a9af77
```
#a9af77 rgb(169,175,119)
```

Analogous Color

#7d77af
```
#7d77af rgb(125,119,175)
```
#af9977
```
#af9977 rgb(175,153,119)
```
#77a9af
```
#77a9af rgb(119,169,175)
```

Split Complementary Color

#9977af
```
#9977af rgb(153,119,175)
```
#af9977
```
#af9977 rgb(175,153,119)
```
#77af99
```
#77af99 rgb(119,175,153)
```

Triadic Color

#af778d
```
#af778d rgb(175,119,141)
```
#af9977
```
#af9977 rgb(175,153,119)
```
#77af99
```
#77af99 rgb(119,175,153)
```
#778daf
```
#778daf rgb(119,141,175)
```

Tetradic Color

#897351
```
#897351 rgb(137,115,81)
```
#99805a
```
#99805a rgb(153,128,90)
```
#a68d67
```
#a68d67 rgb(166,141,103)
```
#af9977
```
#af9977 rgb(175,153,119)
```
#b8a587
```
#b8a587 rgb(184,165,135)
```
#c2b197
```
#c2b197 rgb(194,177,151)
```
#cbbda7
```
#cbbda7 rgb(203,189,167)
```

Monochromatic Color

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

#af8b77
```
#af8b77 rgb(175,139,119)
```
#af9077
```
#af9077 rgb(175,144,119)
```
#af9477
```
#af9477 rgb(175,148,119)
```
#af9977
```
#af9977 rgb(175,153,119)
```
#af9e77
```
#af9e77 rgb(175,158,119)
```
#afa277
```
#afa277 rgb(175,162,119)
```
#afa777
```
#afa777 rgb(175,167,119)
```

Similar Colors

Text with hexadecimal color #af9977

This text has a font color of #af9977.

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

#af9977 background color

This paragraph has a background color of #af9977.

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

#af9977 border color

This element has a border color of #af9977.

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

CSS codes

.text {color:#af9977;}

.background {background-color:#af9977;}

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

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, #0c0a07 is the darkest color, while #ffffff is the lightest one.

#0c0a07
```
#0c0a07 rgb(12,10,7)
```
#19150e
```
#19150e rgb(25,21,14)
```
#251f16
```
#251f16 rgb(37,31,22)
```
#31291d
```
#31291d rgb(49,41,29)
```
#3e3424
```
#3e3424 rgb(62,52,36)
```
#4a3e2c
```
#4a3e2c rgb(74,62,44)
```
#564833
```
#564833 rgb(86,72,51)
```
#63533a
```
#63533a rgb(99,83,58)
```
#6f5d41
```
#6f5d41 rgb(111,93,65)
```
#7b6749
```
#7b6749 rgb(123,103,73)
```
#887250
```
#887250 rgb(136,114,80)
```
#947c57
```
#947c57 rgb(148,124,87)
```
#a0865e
```
#a0865e rgb(160,134,94)
```

Shade Color Variation

#a8906b
```
#a8906b rgb(168,144,107)
```
#af9977
```
#af9977 rgb(175,153,119)
```
#b6a283
```
#b6a283 rgb(182,162,131)
```
#beac90
```
#beac90 rgb(190,172,144)
```
#c5b59c
```
#c5b59c rgb(197,181,156)
```
#ccbea8
```
#ccbea8 rgb(204,190,168)
```
#d3c7b5
```
#d3c7b5 rgb(211,199,181)
```
#dbd1c1
```
#dbd1c1 rgb(219,209,193)
```
#e2dacd
```
#e2dacd rgb(226,218,205)
```
#e9e3da
```
#e9e3da rgb(233,227,218)
```
#f0ece6
```
#f0ece6 rgb(240,236,230)
```
#f8f6f3
```
#f8f6f3 rgb(248,246,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969490
```
#969490 rgb(150,148,144)
```
#9e9588
```
#9e9588 rgb(158,149,136)
```
#a7977f
```
#a7977f rgb(167,151,127)
```
#af9977
```
#af9977 rgb(175,153,119)
```
#b79b6f
```
#b79b6f rgb(183,155,111)
```
#c09d66
```
#c09d66 rgb(192,157,102)
```
#c89e5e
```
#c89e5e rgb(200,158,94)
```
#d0a056
```
#d0a056 rgb(208,160,86)
```
#d9a24d
```
#d9a24d rgb(217,162,77)
```
#e1a445
```
#e1a445 rgb(225,164,69)
```
#e9a53d
```
#e9a53d rgb(233,165,61)
```
#f1a735
```
#f1a735 rgb(241,167,53)
```
#faa92c
```
#faa92c rgb(250,169,44)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a09b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba07f Protanopia 1% of men
#bb9b7f Deuteranopia 1% of men
#b899a3 Tritanopia 0.001% of the population

Trichromacy

#ac9d7c Protanomaly 1% of men, 0.01% of women
#b79a7c Deuteranomaly 6% of men, 0.4% of women
#b49993 Tritanomaly 0.01% of the population

#af9977 hex color

#af9977 Color Information

#af9977 Color Conversion

Color Schemes with #af9977

Alternatives to #af9977

#af9977 Preview

Shades and Tints of #af9977

Tones of #af9977

Color Blindness Simulator