#af6548 hex color

In a RGB color space, hex #af6548 is composed of 68.6% red, 39.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.3% magenta, 58.9% yellow and 31.4% black. It has a hue angle of 16.9 degrees, a saturation of 41.7% and a lightness of 48.4%. #af6548 color hex could be obtained by blending #ffca90 with #5f0000. Closest websafe color is: #996633.

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

● #af6548 color description : Dark moderate orange.

The hexadecimal color #af6548 has RGB values of R:175, G:101, B:72 and CMYK values of C:0, M:0.42, Y:0.59, K:0.31. Its decimal value is 11494728.

Hex triplet	af6548	`#af6548`
RGB Decimal	175, 101, 72	`rgb(175,101,72)`
RGB Percent	68.6, 39.6, 28.2	`rgb(68.6%,39.6%,28.2%)`
CMYK	0, 42, 59, 31
HSL	16.9°, 41.7, 48.4	`hsl(16.9,41.7%,48.4%)`
HSV (or HSB)	16.9°, 58.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	50.559, 26.939, 29.15
XYZ	23.503, 18.891, 8.539
xyY	0.461, 0.371, 18.891
CIE-LCH	50.559, 39.692, 47.257
CIE-LUV	50.559, 55.814, 28.277
Hunter-Lab	43.464, 20.463, 18.776
Binary	10101111, 01100101, 01001000

#af6548
```
#af6548 rgb(175,101,72)
```
#4892af
```
#4892af rgb(72,146,175)
```

Complementary Color

#af485f
```
#af485f rgb(175,72,95)
```
#af6548
```
#af6548 rgb(175,101,72)
```
#af9948
```
#af9948 rgb(175,153,72)
```

Analogous Color

#485faf
```
#485faf rgb(72,95,175)
```
#af6548
```
#af6548 rgb(175,101,72)
```
#48af99
```
#48af99 rgb(72,175,153)
```

Split Complementary Color

#6548af
```
#6548af rgb(101,72,175)
```
#af6548
```
#af6548 rgb(175,101,72)
```
#48af65
```
#48af65 rgb(72,175,101)
```

Triadic Color

#af4892
```
#af4892 rgb(175,72,146)
```
#af6548
```
#af6548 rgb(175,101,72)
```
#48af65
```
#48af65 rgb(72,175,101)
```
#4892af
```
#4892af rgb(72,146,175)
```

Tetradic Color

#794632
```
#794632 rgb(121,70,50)
```
#8b5039
```
#8b5039 rgb(139,80,57)
```
#9d5b41
```
#9d5b41 rgb(157,91,65)
```
#af6548
```
#af6548 rgb(175,101,72)
```
#ba7357
```
#ba7357 rgb(186,115,87)
```
#c18269
```
#c18269 rgb(193,130,105)
```
#c9917b
```
#c9917b rgb(201,145,123)
```

Monochromatic Color

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

#af4b48
```
#af4b48 rgb(175,75,72)
```
#af5448
```
#af5448 rgb(175,84,72)
```
#af5c48
```
#af5c48 rgb(175,92,72)
```
#af6548
```
#af6548 rgb(175,101,72)
```
#af6e48
```
#af6e48 rgb(175,110,72)
```
#af7648
```
#af7648 rgb(175,118,72)
```
#af7f48
```
#af7f48 rgb(175,127,72)
```

Similar Colors

Text with hexadecimal color #af6548

This text has a font color of #af6548.

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

#af6548 background color

This paragraph has a background color of #af6548.

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

#af6548 border color

This element has a border color of #af6548.

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

CSS codes

.text {color:#af6548;}

.background {background-color:#af6548;}

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

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

#080503
```
#080503 rgb(8,5,3)
```
#160d09
```
#160d09 rgb(22,13,9)
```
#24150f
```
#24150f rgb(36,21,15)
```
#321d15
```
#321d15 rgb(50,29,21)
```
#40251a
```
#40251a rgb(64,37,26)
```
#4e2d20
```
#4e2d20 rgb(78,45,32)
```
#5c3526
```
#5c3526 rgb(92,53,38)
```
#6a3d2b
```
#6a3d2b rgb(106,61,43)
```
#774531
```
#774531 rgb(119,69,49)
```
#854d37
```
#854d37 rgb(133,77,55)
```
#93553d
```
#93553d rgb(147,85,61)
```
#a15d42
```
#a15d42 rgb(161,93,66)
```
#af6548
```
#af6548 rgb(175,101,72)
```

Shade Color Variation

#b86f53
```
#b86f53 rgb(184,111,83)
```
#be7b60
```
#be7b60 rgb(190,123,96)
```
#c3866e
```
#c3866e rgb(195,134,110)
```
#c9927c
```
#c9927c rgb(201,146,124)
```
#cf9e8a
```
#cf9e8a rgb(207,158,138)
```
#d5a998
```
#d5a998 rgb(213,169,152)
```
#dab5a6
```
#dab5a6 rgb(218,181,166)
```
#e0c0b4
```
#e0c0b4 rgb(224,192,180)
```
#e6ccc2
```
#e6ccc2 rgb(230,204,194)
```
#ecd7d0
```
#ecd7d0 rgb(236,215,208)
```
#f1e3de
```
#f1e3de rgb(241,227,222)
```
#f7efeb
```
#f7efeb rgb(247,239,235)
```
#fdfaf9
```
#fdfaf9 rgb(253,250,249)
```

Tint Color Variation

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

#807a78
```
#807a78 rgb(128,122,120)
```
#89766e
```
#89766e rgb(137,118,110)
```
#937165
```
#937165 rgb(147,113,101)
```
#9c6d5b
```
#9c6d5b rgb(156,109,91)
```
#a66952
```
#a66952 rgb(166,105,82)
```
#af6548
```
#af6548 rgb(175,101,72)
```
#b9613f
```
#b9613f rgb(185,97,63)
```
#c25d35
```
#c25d35 rgb(194,93,53)
```
#cc592c
```
#cc592c rgb(204,89,44)
```
#d55422
```
#d55422 rgb(213,84,34)
```
#df5019
```
#df5019 rgb(223,80,25)
```
#e84c0f
```
#e84c0f rgb(232,76,15)
```
#f24805
```
#f24805 rgb(242,72,5)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#83746e Atypical Achromatopsia 0.001% of the population

Dichromacy

#897f58 Protanopia 1% of men
#99794e Deuteranopia 1% of men
#b5686f Tritanopia 0.001% of the population

Trichromacy

#977552 Protanomaly 1% of men, 0.01% of women
#a1724b Deuteranomaly 6% of men, 0.4% of women
#b36761 Tritanomaly 0.01% of the population

#af6548 hex color

#af6548 Color Information

#af6548 Color Conversion

Color Schemes with #af6548

Alternatives to #af6548

#af6548 Preview

Shades and Tints of #af6548

Tones of #af6548

Color Blindness Simulator