#af6a50 hex color

In a RGB color space, hex #af6a50 is composed of 68.6% red, 41.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 54.3% yellow and 31.4% black. It has a hue angle of 16.4 degrees, a saturation of 37.3% and a lightness of 50%. #af6a50 color hex could be obtained by blending #ffd4a0 with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 42
- B 31
RGB color chart
- C 0
- M 39
- Y 54
- K 31
CMYK color chart

● #af6a50 color description : Dark moderate orange.

The hexadecimal color #af6a50 has RGB values of R:175, G:106, B:80 and CMYK values of C:0, M:0.39, Y:0.54, K:0.31. Its decimal value is 11496016.

Hex triplet	af6a50	`#af6a50`
RGB Decimal	175, 106, 80	`rgb(175,106,80)`
RGB Percent	68.6, 41.6, 31.4	`rgb(68.6%,41.6%,31.4%)`
CMYK	0, 39, 54, 31
HSL	16.4°, 37.3, 50	`hsl(16.4,37.3%,50%)`
HSV (or HSB)	16.4°, 54.3, 68.6
Web Safe	996666	`#996666`

CIE-LAB	51.84, 24.845, 26.219
XYZ	24.282, 20.003, 10.171
xyY	0.446, 0.367, 20.003
CIE-LCH	51.84, 36.121, 46.542
CIE-LUV	51.84, 51.138, 26.29
Hunter-Lab	44.725, 18.642, 17.824
Binary	10101111, 01101010, 01010000

#af6a50
```
#af6a50 rgb(175,106,80)
```
#5095af
```
#5095af rgb(80,149,175)
```

Complementary Color

#af5066
```
#af5066 rgb(175,80,102)
```
#af6a50
```
#af6a50 rgb(175,106,80)
```
#af9a50
```
#af9a50 rgb(175,154,80)
```

Analogous Color

#5066af
```
#5066af rgb(80,102,175)
```
#af6a50
```
#af6a50 rgb(175,106,80)
```
#50af9a
```
#50af9a rgb(80,175,154)
```

Split Complementary Color

#6a50af
```
#6a50af rgb(106,80,175)
```
#af6a50
```
#af6a50 rgb(175,106,80)
```
#50af6a
```
#50af6a rgb(80,175,106)
```

Triadic Color

#af5095
```
#af5095 rgb(175,80,149)
```
#af6a50
```
#af6a50 rgb(175,106,80)
```
#50af6a
```
#50af6a rgb(80,175,106)
```
#5095af
```
#5095af rgb(80,149,175)
```

Tetradic Color

#7b4a38
```
#7b4a38 rgb(123,74,56)
```
#8c5540
```
#8c5540 rgb(140,85,64)
```
#9e5f48
```
#9e5f48 rgb(158,95,72)
```
#af6a50
```
#af6a50 rgb(175,106,80)
```
#b77962
```
#b77962 rgb(183,121,98)
```
#bf8873
```
#bf8873 rgb(191,136,115)
```
#c79785
```
#c79785 rgb(199,151,133)
```

Monochromatic Color

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

#af5250
```
#af5250 rgb(175,82,80)
```
#af5a50
```
#af5a50 rgb(175,90,80)
```
#af6250
```
#af6250 rgb(175,98,80)
```
#af6a50
```
#af6a50 rgb(175,106,80)
```
#af7250
```
#af7250 rgb(175,114,80)
```
#af7a50
```
#af7a50 rgb(175,122,80)
```
#af8250
```
#af8250 rgb(175,130,80)
```

Similar Colors

Text with hexadecimal color #af6a50

This text has a font color of #af6a50.

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

#af6a50 background color

This paragraph has a background color of #af6a50.

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

#af6a50 border color

This element has a border color of #af6a50.

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

CSS codes

.text {color:#af6a50;}

.background {background-color:#af6a50;}

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

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

#0d0806
```
#0d0806 rgb(13,8,6)
```
#1b100c
```
#1b100c rgb(27,16,12)
```
#281812
```
#281812 rgb(40,24,18)
```
#362119
```
#362119 rgb(54,33,25)
```
#43291f
```
#43291f rgb(67,41,31)
```
#513125
```
#513125 rgb(81,49,37)
```
#5e392b
```
#5e392b rgb(94,57,43)
```
#6c4131
```
#6c4131 rgb(108,65,49)
```
#794937
```
#794937 rgb(121,73,55)
```
#87523e
```
#87523e rgb(135,82,62)
```
#945a44
```
#945a44 rgb(148,90,68)
```
#a2624a
```
#a2624a rgb(162,98,74)
```
#af6a50
```
#af6a50 rgb(175,106,80)
```

Shade Color Variation

#b5755d
```
#b5755d rgb(181,117,93)
```
#bb816b
```
#bb816b rgb(187,129,107)
```
#c18c78
```
#c18c78 rgb(193,140,120)
```
#c89886
```
#c89886 rgb(200,152,134)
```
#cea393
```
#cea393 rgb(206,163,147)
```
#d4afa1
```
#d4afa1 rgb(212,175,161)
```
#dabaae
```
#dabaae rgb(218,186,174)
```
#e0c6bc
```
#e0c6bc rgb(224,198,188)
```
#e6d1c9
```
#e6d1c9 rgb(230,209,201)
```
#edddd7
```
#edddd7 rgb(237,221,215)
```
#f3e8e4
```
#f3e8e4 rgb(243,232,228)
```
#f9f4f2
```
#f9f4f2 rgb(249,244,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#887c77
```
#887c77 rgb(136,124,119)
```
#92776d
```
#92776d rgb(146,119,109)
```
#9b7364
```
#9b7364 rgb(155,115,100)
```
#a56e5a
```
#a56e5a rgb(165,110,90)
```
#af6a50
```
#af6a50 rgb(175,106,80)
```
#b96646
```
#b96646 rgb(185,102,70)
```
#c3613c
```
#c3613c rgb(195,97,60)
```
#cc5d33
```
#cc5d33 rgb(204,93,51)
```
#d65829
```
#d65829 rgb(214,88,41)
```
#e0541f
```
#e0541f rgb(224,84,31)
```
#ea4f15
```
#ea4f15 rgb(234,79,21)
```
#f44b0b
```
#f44b0b rgb(244,75,11)
```
#fd4602
```
#fd4602 rgb(253,70,2)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#867873 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c825f Protanopia 1% of men
#9c7d56 Deuteranopia 1% of men
#b56d75 Tritanopia 0.001% of the population

Trichromacy

#987959 Protanomaly 1% of men, 0.01% of women
#a27653 Deuteranomaly 6% of men, 0.4% of women
#b36c67 Tritanomaly 0.01% of the population

#af6a50 hex color

#af6a50 Color Information

#af6a50 Color Conversion

Color Schemes with #af6a50

Alternatives to #af6a50

#af6a50 Preview

Shades and Tints of #af6a50

Tones of #af6a50

Color Blindness Simulator