#af6448 hex color

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

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

● #af6448 color description : Dark moderate orange.

The hexadecimal color #af6448 has RGB values of R:175, G:100, B:72 and CMYK values of C:0, M:0.43, Y:0.59, K:0.31. Its decimal value is 11494472.

Hex triplet	af6448	`#af6448`
RGB Decimal	175, 100, 72	`rgb(175,100,72)`
RGB Percent	68.6, 39.2, 28.2	`rgb(68.6%,39.2%,28.2%)`
CMYK	0, 43, 59, 31
HSL	16.3°, 41.7, 48.4	`hsl(16.3,41.7%,48.4%)`
HSV (or HSB)	16.3°, 58.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	50.332, 27.49, 28.865
XYZ	23.407, 18.698, 8.507
xyY	0.462, 0.369, 18.698
CIE-LCH	50.332, 39.861, 46.398
CIE-LUV	50.332, 56.53, 27.836
Hunter-Lab	43.241, 20.951, 18.605
Binary	10101111, 01100100, 01001000

#af6448
```
#af6448 rgb(175,100,72)
```
#4893af
```
#4893af rgb(72,147,175)
```

Complementary Color

#af4860
```
#af4860 rgb(175,72,96)
```
#af6448
```
#af6448 rgb(175,100,72)
```
#af9848
```
#af9848 rgb(175,152,72)
```

Analogous Color

#4860af
```
#4860af rgb(72,96,175)
```
#af6448
```
#af6448 rgb(175,100,72)
```
#48af98
```
#48af98 rgb(72,175,152)
```

Split Complementary Color

#6448af
```
#6448af rgb(100,72,175)
```
#af6448
```
#af6448 rgb(175,100,72)
```
#48af64
```
#48af64 rgb(72,175,100)
```

Triadic Color

#af4893
```
#af4893 rgb(175,72,147)
```
#af6448
```
#af6448 rgb(175,100,72)
```
#48af64
```
#48af64 rgb(72,175,100)
```
#4893af
```
#4893af rgb(72,147,175)
```

Tetradic Color

#794532
```
#794532 rgb(121,69,50)
```
#8b4f39
```
#8b4f39 rgb(139,79,57)
```
#9d5a41
```
#9d5a41 rgb(157,90,65)
```
#af6448
```
#af6448 rgb(175,100,72)
```
#ba7257
```
#ba7257 rgb(186,114,87)
```
#c18169
```
#c18169 rgb(193,129,105)
```
#c9907b
```
#c9907b rgb(201,144,123)
```

Monochromatic Color

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

#af4a48
```
#af4a48 rgb(175,74,72)
```
#af5348
```
#af5348 rgb(175,83,72)
```
#af5b48
```
#af5b48 rgb(175,91,72)
```
#af6448
```
#af6448 rgb(175,100,72)
```
#af6d48
```
#af6d48 rgb(175,109,72)
```
#af7548
```
#af7548 rgb(175,117,72)
```
#af7e48
```
#af7e48 rgb(175,126,72)
```

Similar Colors

Text with hexadecimal color #af6448

This text has a font color of #af6448.

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

#af6448 background color

This paragraph has a background color of #af6448.

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

#af6448 border color

This element has a border color of #af6448.

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

CSS codes

.text {color:#af6448;}

.background {background-color:#af6448;}

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

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)
```
#40241a
```
#40241a rgb(64,36,26)
```
#4e2c20
```
#4e2c20 rgb(78,44,32)
```
#5c3426
```
#5c3426 rgb(92,52,38)
```
#6a3c2b
```
#6a3c2b rgb(106,60,43)
```
#774431
```
#774431 rgb(119,68,49)
```
#854c37
```
#854c37 rgb(133,76,55)
```
#93543d
```
#93543d rgb(147,84,61)
```
#a15c42
```
#a15c42 rgb(161,92,66)
```
#af6448
```
#af6448 rgb(175,100,72)
```

Shade Color Variation

#b86e53
```
#b86e53 rgb(184,110,83)
```
#be7a60
```
#be7a60 rgb(190,122,96)
```
#c3856e
```
#c3856e rgb(195,133,110)
```
#c9917c
```
#c9917c rgb(201,145,124)
```
#cf9d8a
```
#cf9d8a rgb(207,157,138)
```
#d5a998
```
#d5a998 rgb(213,169,152)
```
#dab4a6
```
#dab4a6 rgb(218,180,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 #f24605 is the most saturated one.

#807a78
```
#807a78 rgb(128,122,120)
```
#89756e
```
#89756e rgb(137,117,110)
```
#937165
```
#937165 rgb(147,113,101)
```
#9c6d5b
```
#9c6d5b rgb(156,109,91)
```
#a66852
```
#a66852 rgb(166,104,82)
```
#af6448
```
#af6448 rgb(175,100,72)
```
#b9603f
```
#b9603f rgb(185,96,63)
```
#c25b35
```
#c25b35 rgb(194,91,53)
```
#cc572c
```
#cc572c rgb(204,87,44)
```
#d55322
```
#d55322 rgb(213,83,34)
```
#df4e19
```
#df4e19 rgb(223,78,25)
```
#e84a0f
```
#e84a0f rgb(232,74,15)
```
#f24605
```
#f24605 rgb(242,70,5)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#82736e Atypical Achromatopsia 0.001% of the population

Dichromacy

#887e58 Protanopia 1% of men
#98794d Deuteranopia 1% of men
#b5686e Tritanopia 0.001% of the population

Trichromacy

#967552 Protanomaly 1% of men, 0.01% of women
#a0714b Deuteranomaly 6% of men, 0.4% of women
#b36660 Tritanomaly 0.01% of the population

#af6448 hex color

#af6448 Color Information

#af6448 Color Conversion

Color Schemes with #af6448

Alternatives to #af6448

#af6448 Preview

Shades and Tints of #af6448

Tones of #af6448

Color Blindness Simulator