#afa69f hex color

In a RGB color space, hex #afa69f is composed of 68.6% red, 65.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.1% magenta, 9.1% yellow and 31.4% black. It has a hue angle of 26.3 degrees, a saturation of 9.1% and a lightness of 65.5%. #afa69f color hex could be obtained by blending #ffffff with #5f4d3f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 65
- B 62
RGB color chart
- C 0
- M 5
- Y 9
- K 31
CMYK color chart

● #afa69f color description : Dark grayish orange.

The hexadecimal color #afa69f has RGB values of R:175, G:166, B:159 and CMYK values of C:0, M:0.05, Y:0.09, K:0.31. Its decimal value is 11511455.

Hex triplet	afa69f	`#afa69f`
RGB Decimal	175, 166, 159	`rgb(175,166,159)`
RGB Percent	68.6, 65.1, 62.4	`rgb(68.6%,65.1%,62.4%)`
CMYK	0, 5, 9, 31
HSL	26.3°, 9.1, 65.5	`hsl(26.3,9.1%,65.5%)`
HSV (or HSB)	26.3°, 9.1, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.671, 1.993, 4.772
XYZ	37.572, 38.89, 38.326
xyY	0.327, 0.339, 38.89
CIE-LCH	68.671, 5.171, 67.338
CIE-LUV	68.671, 5.701, 6.503
Hunter-Lab	62.362, -1.588, 7.215
Binary	10101111, 10100110, 10011111

#afa69f
```
#afa69f rgb(175,166,159)
```
#9fa8af
```
#9fa8af rgb(159,168,175)
```

Complementary Color

#af9fa0
```
#af9fa0 rgb(175,159,160)
```
#afa69f
```
#afa69f rgb(175,166,159)
```
#afae9f
```
#afae9f rgb(175,174,159)
```

Analogous Color

#9fa0af
```
#9fa0af rgb(159,160,175)
```
#afa69f
```
#afa69f rgb(175,166,159)
```
#9fafae
```
#9fafae rgb(159,175,174)
```

Split Complementary Color

#a69faf
```
#a69faf rgb(166,159,175)
```
#afa69f
```
#afa69f rgb(175,166,159)
```
#9fafa6
```
#9fafa6 rgb(159,175,166)
```

Triadic Color

#af9fa8
```
#af9fa8 rgb(175,159,168)
```
#afa69f
```
#afa69f rgb(175,166,159)
```
#9fafa6
```
#9fafa6 rgb(159,175,166)
```
#9fa8af
```
#9fa8af rgb(159,168,175)
```

Tetradic Color

#8c7f75
```
#8c7f75 rgb(140,127,117)
```
#988c83
```
#988c83 rgb(152,140,131)
```
#a39991
```
#a39991 rgb(163,153,145)
```
#afa69f
```
#afa69f rgb(175,166,159)
```
#bbb3ad
```
#bbb3ad rgb(187,179,173)
```
#c6c0bb
```
#c6c0bb rgb(198,192,187)
```
#d2cdc9
```
#d2cdc9 rgb(210,205,201)
```

Monochromatic Color

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

#afa29f
```
#afa29f rgb(175,162,159)
```
#afa39f
```
#afa39f rgb(175,163,159)
```
#afa59f
```
#afa59f rgb(175,165,159)
```
#afa69f
```
#afa69f rgb(175,166,159)
```
#afa79f
```
#afa79f rgb(175,167,159)
```
#afa99f
```
#afa99f rgb(175,169,159)
```
#afaa9f
```
#afaa9f rgb(175,170,159)
```

Similar Colors

Text with hexadecimal color #afa69f

This text has a font color of #afa69f.

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

#afa69f background color

This paragraph has a background color of #afa69f.

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

#afa69f border color

This element has a border color of #afa69f.

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

CSS codes

.text {color:#afa69f;}

.background {background-color:#afa69f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0a09
```
#0b0a09 rgb(11,10,9)
```
#161412
```
#161412 rgb(22,20,18)
```
#201d1b
```
#201d1b rgb(32,29,27)
```
#2b2724
```
#2b2724 rgb(43,39,36)
```
#36312d
```
#36312d rgb(54,49,45)
```
#403a36
```
#403a36 rgb(64,58,54)
```
#4b443f
```
#4b443f rgb(75,68,63)
```
#564e48
```
#564e48 rgb(86,78,72)
```
#615850
```
#615850 rgb(97,88,80)
```
#6b6159
```
#6b6159 rgb(107,97,89)
```
#766b62
```
#766b62 rgb(118,107,98)
```
#81756b
```
#81756b rgb(129,117,107)
```

Shade Color Variation

#8b7e74
```
#8b7e74 rgb(139,126,116)
```
#94887f
```
#94887f rgb(148,136,127)
```
#9d928a
```
#9d928a rgb(157,146,138)
```
#a69c94
```
#a69c94 rgb(166,156,148)
```
#afa69f
```
#afa69f rgb(175,166,159)
```
#b8b0aa
```
#b8b0aa rgb(184,176,170)
```
#c1bab4
```
#c1bab4 rgb(193,186,180)
```
#cac4bf
```
#cac4bf rgb(202,196,191)
```
#d3ceca
```
#d3ceca rgb(211,206,202)
```
#dcd8d4
```
#dcd8d4 rgb(220,216,212)
```
#e4e2df
```
#e4e2df rgb(228,226,223)
```
#edebea
```
#edebea rgb(237,235,234)
```
#f6f5f5
```
#f6f5f5 rgb(246,245,245)
```

Tint Color Variation

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

#a8a7a6
```
#a8a7a6 rgb(168,167,166)
```
#afa69f
```
#afa69f rgb(175,166,159)
```
#b6a598
```
#b6a598 rgb(182,165,152)
```
#bda491
```
#bda491 rgb(189,164,145)
```
#c3a38b
```
#c3a38b rgb(195,163,139)
```
#caa384
```
#caa384 rgb(202,163,132)
```
#d1a27d
```
#d1a27d rgb(209,162,125)
```
#d8a176
```
#d8a176 rgb(216,161,118)
```
#dea070
```
#dea070 rgb(222,160,112)
```
#e59f69
```
#e59f69 rgb(229,159,105)
```
#ec9e62
```
#ec9e62 rgb(236,158,98)
```
#f39e5b
```
#f39e5b rgb(243,158,91)
```
#f99d55
```
#f99d55 rgb(249,157,85)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9a8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aba4 Protanopia 1% of men
#bea6a5 Deuteranopia 1% of men
#b5a8b4 Tritanopia 0.001% of the population

Trichromacy

#b0a9a2 Protanomaly 1% of men, 0.01% of women
#b8a6a2 Deuteranomaly 6% of men, 0.4% of women
#b3a7ac Tritanomaly 0.01% of the population

#afa69f hex color

#afa69f Color Information

#afa69f Color Conversion

Color Schemes with #afa69f

Alternatives to #afa69f

#afa69f Preview

Shades and Tints of #afa69f

Tones of #afa69f

Color Blindness Simulator