colorhexa.com

#af6d55 hex color

In a RGB color space, hex #af6d55 is composed of 68.6% red, 42.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.7% magenta, 51.4% yellow and 31.4% black. It has a hue angle of 16 degrees, a saturation of 36% and a lightness of 51%. #af6d55 color hex could be obtained by blending #ffdaaa with #5f0000. Closest websafe color is: #996666.

- R 69
- G 43
- B 33
RGB color chart
- C 0
- M 38
- Y 51
- K 31
CMYK color chart

● #af6d55 color description : Dark moderate orange.

The hexadecimal color #af6d55 has RGB values of R:175, G:109, B:85 and CMYK values of C:0, M:0.38, Y:0.51, K:0.31. Its decimal value is 11496789.

Hex triplet	af6d55	`#af6d55`
RGB Decimal	175, 109, 85	`rgb(175,109,85)`
RGB Percent	68.6, 42.7, 33.3	`rgb(68.6%,42.7%,33.3%)`
CMYK	0, 38, 51, 31
HSL	16°, 36, 51	`hsl(16,36%,51%)`
HSV (or HSB)	16°, 51.4, 68.6
Web Safe	996666	`#996666`

CIE-LAB	52.629, 23.635, 24.379
XYZ	24.788, 20.709, 11.286
xyY	0.437, 0.365, 20.709
CIE-LCH	52.629, 33.955, 45.888
CIE-LUV	52.629, 48.346, 24.889
Hunter-Lab	45.507, 17.593, 17.151
Binary	10101111, 01101101, 01010101

#af6d55
```
#af6d55 rgb(175,109,85)
```
#5597af
```
#5597af rgb(85,151,175)
```

Complementary Color

#af556a
```
#af556a rgb(175,85,106)
```
#af6d55
```
#af6d55 rgb(175,109,85)
```
#af9a55
```
#af9a55 rgb(175,154,85)
```

Analogous Color

#556aaf
```
#556aaf rgb(85,106,175)
```
#af6d55
```
#af6d55 rgb(175,109,85)
```
#55af9a
```
#55af9a rgb(85,175,154)
```

Split Complementary Color

#6d55af
```
#6d55af rgb(109,85,175)
```
#af6d55
```
#af6d55 rgb(175,109,85)
```
#55af6d
```
#55af6d rgb(85,175,109)
```

Triadic Color

#af5597
```
#af5597 rgb(175,85,151)
```
#af6d55
```
#af6d55 rgb(175,109,85)
```
#55af6d
```
#55af6d rgb(85,175,109)
```
#5597af
```
#5597af rgb(85,151,175)
```

Tetradic Color

#7d4c3b
```
#7d4c3b rgb(125,76,59)
```
#8e5743
```
#8e5743 rgb(142,87,67)
```
#9f624b
```
#9f624b rgb(159,98,75)
```
#af6d55
```
#af6d55 rgb(175,109,85)
```
#b77c66
```
#b77c66 rgb(183,124,102)
```
#bf8b78
```
#bf8b78 rgb(191,139,120)
```
#c79a89
```
#c79a89 rgb(199,154,137)
```

Monochromatic Color

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

#af5755
```
#af5755 rgb(175,87,85)
```
#af5e55
```
#af5e55 rgb(175,94,85)
```
#af6655
```
#af6655 rgb(175,102,85)
```
#af6d55
```
#af6d55 rgb(175,109,85)
```
#af7555
```
#af7555 rgb(175,117,85)
```
#af7c55
```
#af7c55 rgb(175,124,85)
```
#af8455
```
#af8455 rgb(175,132,85)
```

Similar Colors

Text with hexadecimal color #af6d55

This text has a font color of #af6d55.

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

#af6d55 background color

This paragraph has a background color of #af6d55.

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

#af6d55 border color

This element has a border color of #af6d55.

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

CSS codes

.text {color:#af6d55;}

.background {background-color:#af6d55;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#110a08
```
#110a08 rgb(17,10,8)
```
#1e120e
```
#1e120e rgb(30,18,14)
```
#2b1b14
```
#2b1b14 rgb(43,27,20)
```
#39231b
```
#39231b rgb(57,35,27)
```
#462b21
```
#462b21 rgb(70,43,33)
```
#533327
```
#533327 rgb(83,51,39)
```
#613b2e
```
#613b2e rgb(97,59,46)
```
#6e4334
```
#6e4334 rgb(110,67,52)
```
#7b4c3a
```
#7b4c3a rgb(123,76,58)
```
#895440
```
#895440 rgb(137,84,64)
```
#965c47
```
#965c47 rgb(150,92,71)
```
#a3644d
```
#a3644d rgb(163,100,77)
```

Shade Color Variation

#af6d55
```
#af6d55 rgb(175,109,85)
```
#b57862
```
#b57862 rgb(181,120,98)
```
#bc8470
```
#bc8470 rgb(188,132,112)
```
#c28f7d
```
#c28f7d rgb(194,143,125)
```
#c89b8a
```
#c89b8a rgb(200,155,138)
```
#cea698
```
#cea698 rgb(206,166,152)
```
#d5b2a5
```
#d5b2a5 rgb(213,178,165)
```
#dbbdb2
```
#dbbdb2 rgb(219,189,178)
```
#e1c9c0
```
#e1c9c0 rgb(225,201,192)
```
#e7d4cd
```
#e7d4cd rgb(231,212,205)
```
#eee0da
```
#eee0da rgb(238,224,218)
```
#f4ebe8
```
#f4ebe8 rgb(244,235,232)
```
#faf6f5
```
#faf6f5 rgb(250,246,245)
```

Tint Color Variation

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

#897f7b
```
#897f7b rgb(137,127,123)
```
#927a72
```
#927a72 rgb(146,122,114)
```
#9c7668
```
#9c7668 rgb(156,118,104)
```
#a5715f
```
#a5715f rgb(165,113,95)
```
#af6d55
```
#af6d55 rgb(175,109,85)
```
#b9694b
```
#b9694b rgb(185,105,75)
```
#c26442
```
#c26442 rgb(194,100,66)
```
#cc6038
```
#cc6038 rgb(204,96,56)
```
#d55b2f
```
#d55b2f rgb(213,91,47)
```
#df5725
```
#df5725 rgb(223,87,37)
```
#e9521b
```
#e9521b rgb(233,82,27)
```
#f24e12
```
#f24e12 rgb(242,78,18)
```
#fc4908
```
#fc4908 rgb(252,73,8)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8464 Protanopia 1% of men
#9d7e5b Deuteranopia 1% of men
#b57078 Tritanopia 0.001% of the population

Trichromacy

#997b5e Protanomaly 1% of men, 0.01% of women
#a37858 Deuteranomaly 6% of men, 0.4% of women
#b36f6b Tritanomaly 0.01% of the population