#af977b hex color

In a RGB color space, hex #af977b is composed of 68.6% red, 59.2% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.7% magenta, 29.7% yellow and 31.4% black. It has a hue angle of 32.3 degrees, a saturation of 24.5% and a lightness of 58.4%. #af977b color hex could be obtained by blending #fffff6 with #5f2f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 59
- B 48
RGB color chart
- C 0
- M 14
- Y 30
- K 31
CMYK color chart

● #af977b color description : Mostly desaturated dark orange.

The hexadecimal color #af977b has RGB values of R:175, G:151, B:123 and CMYK values of C:0, M:0.14, Y:0.3, K:0.31. Its decimal value is 11507579.

Hex triplet	af977b	`#af977b`
RGB Decimal	175, 151, 123	`rgb(175,151,123)`
RGB Percent	68.6, 59.2, 48.2	`rgb(68.6%,59.2%,48.2%)`
CMYK	0, 14, 30, 31
HSL	32.3°, 24.5, 58.4	`hsl(32.3,24.5%,58.4%)`
HSV (or HSB)	32.3°, 29.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	63.899, 4.599, 18.058
XYZ	32.321, 32.678, 23.343
xyY	0.366, 0.37, 32.678
CIE-LCH	63.899, 18.634, 75.71
CIE-LUV	63.899, 16.906, 23.278
Hunter-Lab	57.165, 0.885, 15.805
Binary	10101111, 10010111, 01111011

#af977b
```
#af977b rgb(175,151,123)
```
#7b93af
```
#7b93af rgb(123,147,175)
```

Complementary Color

#af7d7b
```
#af7d7b rgb(175,125,123)
```
#af977b
```
#af977b rgb(175,151,123)
```
#adaf7b
```
#adaf7b rgb(173,175,123)
```

Analogous Color

#7d7baf
```
#7d7baf rgb(125,123,175)
```
#af977b
```
#af977b rgb(175,151,123)
```
#7badaf
```
#7badaf rgb(123,173,175)
```

Split Complementary Color

#977baf
```
#977baf rgb(151,123,175)
```
#af977b
```
#af977b rgb(175,151,123)
```
#7baf97
```
#7baf97 rgb(123,175,151)
```

Triadic Color

#af7b93
```
#af7b93 rgb(175,123,147)
```
#af977b
```
#af977b rgb(175,151,123)
```
#7baf97
```
#7baf97 rgb(123,175,151)
```
#7b93af
```
#7b93af rgb(123,147,175)
```

Tetradic Color

#8a7154
```
#8a7154 rgb(138,113,84)
```
#9a7e5d
```
#9a7e5d rgb(154,126,93)
```
#a58a6b
```
#a58a6b rgb(165,138,107)
```
#af977b
```
#af977b rgb(175,151,123)
```
#b9a48b
```
#b9a48b rgb(185,164,139)
```
#c2b09b
```
#c2b09b rgb(194,176,155)
```
#ccbdab
```
#ccbdab rgb(204,189,171)
```

Monochromatic Color

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

#af8a7b
```
#af8a7b rgb(175,138,123)
```
#af8e7b
```
#af8e7b rgb(175,142,123)
```
#af937b
```
#af937b rgb(175,147,123)
```
#af977b
```
#af977b rgb(175,151,123)
```
#af9b7b
```
#af9b7b rgb(175,155,123)
```
#afa07b
```
#afa07b rgb(175,160,123)
```
#afa47b
```
#afa47b rgb(175,164,123)
```

Similar Colors

Text with hexadecimal color #af977b

This text has a font color of #af977b.

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

#af977b background color

This paragraph has a background color of #af977b.

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

#af977b border color

This element has a border color of #af977b.

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

CSS codes

.text {color:#af977b;}

.background {background-color:#af977b;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0c09
```
#0f0c09 rgb(15,12,9)
```
#1b1610
```
#1b1610 rgb(27,22,16)
```
#272018
```
#272018 rgb(39,32,24)
```
#332a1f
```
#332a1f rgb(51,42,31)
```
#3f3426
```
#3f3426 rgb(63,52,38)
```
#4c3e2e
```
#4c3e2e rgb(76,62,46)
```
#584835
```
#584835 rgb(88,72,53)
```
#64523d
```
#64523d rgb(100,82,61)
```
#705c44
```
#705c44 rgb(112,92,68)
```
#7c664b
```
#7c664b rgb(124,102,75)
```
#897053
```
#897053 rgb(137,112,83)
```
#957a5a
```
#957a5a rgb(149,122,90)
```

Shade Color Variation

#a08463
```
#a08463 rgb(160,132,99)
```
#a88d6f
```
#a88d6f rgb(168,141,111)
```
#af977b
```
#af977b rgb(175,151,123)
```
#b6a187
```
#b6a187 rgb(182,161,135)
```
#beaa93
```
#beaa93 rgb(190,170,147)
```
#c5b4a0
```
#c5b4a0 rgb(197,180,160)
```
#cdbdac
```
#cdbdac rgb(205,189,172)
```
#d4c7b8
```
#d4c7b8 rgb(212,199,184)
```
#dbd1c4
```
#dbd1c4 rgb(219,209,196)
```
#e3dad0
```
#e3dad0 rgb(227,218,208)
```
#eae4dd
```
#eae4dd rgb(234,228,221)
```
#f2eee9
```
#f2eee9 rgb(242,238,233)
```
#f9f7f5
```
#f9f7f5 rgb(249,247,245)
```

Tint Color Variation

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

#979593
```
#979593 rgb(151,149,147)
```
#9f968b
```
#9f968b rgb(159,150,139)
```
#a79683
```
#a79683 rgb(167,150,131)
```
#af977b
```
#af977b rgb(175,151,123)
```
#b79873
```
#b79873 rgb(183,152,115)
```
#bf986b
```
#bf986b rgb(191,152,107)
```
#c79963
```
#c79963 rgb(199,153,99)
```
#d09a5a
```
#d09a5a rgb(208,154,90)
```
#d89a52
```
#d89a52 rgb(216,154,82)
```
#e09b4a
```
#e09b4a rgb(224,155,74)
```
#e89b42
```
#e89b42 rgb(232,155,66)
```
#f09c3a
```
#f09c3a rgb(240,156,58)
```
#f89d32
```
#f89d32 rgb(248,157,50)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#9f9a95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99f83 Protanopia 1% of men
#b99a82 Deuteranopia 1% of men
#b797a2 Tritanopia 0.001% of the population

Trichromacy

#ab9c80 Protanomaly 1% of men, 0.01% of women
#b5987f Deuteranomaly 6% of men, 0.4% of women
#b49794 Tritanomaly 0.01% of the population

#af977b hex color

#af977b Color Information

#af977b Color Conversion

Color Schemes with #af977b

Alternatives to #af977b

#af977b Preview

Shades and Tints of #af977b

Tones of #af977b

Color Blindness Simulator