#af8348 hex color

In a RGB color space, hex #af8348 is composed of 68.6% red, 51.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 58.9% yellow and 31.4% black. It has a hue angle of 34.4 degrees, a saturation of 41.7% and a lightness of 48.4%. #af8348 color hex could be obtained by blending #ffff90 with #5f0700. Closest websafe color is: #999933.

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

● #af8348 color description : Dark moderate orange.

The hexadecimal color #af8348 has RGB values of R:175, G:131, B:72 and CMYK values of C:0, M:0.25, Y:0.59, K:0.31. Its decimal value is 11502408.

Hex triplet	af8348	`#af8348`
RGB Decimal	175, 131, 72	`rgb(175,131,72)`
RGB Percent	68.6, 51.4, 28.2	`rgb(68.6%,51.4%,28.2%)`
CMYK	0, 25, 59, 31
HSL	34.4°, 41.7, 48.4	`hsl(34.4,41.7%,48.4%)`
HSV (or HSB)	34.4°, 58.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	57.862, 10.174, 38.045
XYZ	26.966, 25.816, 9.693
xyY	0.432, 0.413, 25.816
CIE-LCH	57.862, 39.382, 75.028
CIE-LUV	57.862, 34.215, 41.976
Hunter-Lab	50.809, 5.817, 24.255
Binary	10101111, 10000011, 01001000

#af8348
```
#af8348 rgb(175,131,72)
```
#4874af
```
#4874af rgb(72,116,175)
```

Complementary Color

#af4f48
```
#af4f48 rgb(175,79,72)
```
#af8348
```
#af8348 rgb(175,131,72)
```
#a8af48
```
#a8af48 rgb(168,175,72)
```

Analogous Color

#5048af
```
#5048af rgb(80,72,175)
```
#af8348
```
#af8348 rgb(175,131,72)
```
#48a8af
```
#48a8af rgb(72,168,175)
```

Split Complementary Color

#8348af
```
#8348af rgb(131,72,175)
```
#af8348
```
#af8348 rgb(175,131,72)
```
#48af83
```
#48af83 rgb(72,175,131)
```

Triadic Color

#af4874
```
#af4874 rgb(175,72,116)
```
#af8348
```
#af8348 rgb(175,131,72)
```
#48af83
```
#48af83 rgb(72,175,131)
```
#4874af
```
#4874af rgb(72,116,175)
```

Tetradic Color

#795a32
```
#795a32 rgb(121,90,50)
```
#8b6839
```
#8b6839 rgb(139,104,57)
```
#9d7541
```
#9d7541 rgb(157,117,65)
```
#af8348
```
#af8348 rgb(175,131,72)
```
#ba8f57
```
#ba8f57 rgb(186,143,87)
```
#c19b69
```
#c19b69 rgb(193,155,105)
```
#c9a77b
```
#c9a77b rgb(201,167,123)
```

Monochromatic Color

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

#af6948
```
#af6948 rgb(175,105,72)
```
#af7248
```
#af7248 rgb(175,114,72)
```
#af7a48
```
#af7a48 rgb(175,122,72)
```
#af8348
```
#af8348 rgb(175,131,72)
```
#af8c48
```
#af8c48 rgb(175,140,72)
```
#af9448
```
#af9448 rgb(175,148,72)
```
#af9d48
```
#af9d48 rgb(175,157,72)
```

Similar Colors

Text with hexadecimal color #af8348

This text has a font color of #af8348.

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

#af8348 background color

This paragraph has a background color of #af8348.

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

#af8348 border color

This element has a border color of #af8348.

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

CSS codes

.text {color:#af8348;}

.background {background-color:#af8348;}

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

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

#080603
```
#080603 rgb(8,6,3)
```
#161109
```
#161109 rgb(22,17,9)
```
#241b0f
```
#241b0f rgb(36,27,15)
```
#322515
```
#322515 rgb(50,37,21)
```
#40301a
```
#40301a rgb(64,48,26)
```
#4e3a20
```
#4e3a20 rgb(78,58,32)
```
#5c4526
```
#5c4526 rgb(92,69,38)
```
#6a4f2b
```
#6a4f2b rgb(106,79,43)
```
#775931
```
#775931 rgb(119,89,49)
```
#856437
```
#856437 rgb(133,100,55)
```
#936e3d
```
#936e3d rgb(147,110,61)
```
#a17942
```
#a17942 rgb(161,121,66)
```
#af8348
```
#af8348 rgb(175,131,72)
```

Shade Color Variation

#b88d53
```
#b88d53 rgb(184,141,83)
```
#be9660
```
#be9660 rgb(190,150,96)
```
#c39f6e
```
#c39f6e rgb(195,159,110)
```
#c9a87c
```
#c9a87c rgb(201,168,124)
```
#cfb28a
```
#cfb28a rgb(207,178,138)
```
#d5bb98
```
#d5bb98 rgb(213,187,152)
```
#dac4a6
```
#dac4a6 rgb(218,196,166)
```
#e0cdb4
```
#e0cdb4 rgb(224,205,180)
```
#e6d6c2
```
#e6d6c2 rgb(230,214,194)
```
#ece0d0
```
#ece0d0 rgb(236,224,208)
```
#f1e9de
```
#f1e9de rgb(241,233,222)
```
#f7f2eb
```
#f7f2eb rgb(247,242,235)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#807c78
```
#807c78 rgb(128,124,120)
```
#897d6e
```
#897d6e rgb(137,125,110)
```
#937f65
```
#937f65 rgb(147,127,101)
```
#9c805b
```
#9c805b rgb(156,128,91)
```
#a68252
```
#a68252 rgb(166,130,82)
```
#af8348
```
#af8348 rgb(175,131,72)
```
#b9843f
```
#b9843f rgb(185,132,63)
```
#c28635
```
#c28635 rgb(194,134,53)
```
#cc872c
```
#cc872c rgb(204,135,44)
```
#d58922
```
#d58922 rgb(213,137,34)
```
#df8a19
```
#df8a19 rgb(223,138,25)
```
#e88b0f
```
#e88b0f rgb(232,139,15)
```
#f28d05
```
#f28d05 rgb(242,141,5)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#91887c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9154 Protanopia 1% of men
#b08a51 Deuteranopia 1% of men
#b8828b Tritanopia 0.001% of the population

Trichromacy

#a48b4f Protanomaly 1% of men, 0.01% of women
#af874d Deuteranomaly 6% of men, 0.4% of women
#b48273 Tritanomaly 0.01% of the population

#af8348 hex color

#af8348 Color Information

#af8348 Color Conversion

Color Schemes with #af8348

Alternatives to #af8348

#af8348 Preview

Shades and Tints of #af8348

Tones of #af8348

Color Blindness Simulator