#af5324 hex color

In a RGB color space, hex #af5324 is composed of 68.6% red, 32.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 79.4% yellow and 31.4% black. It has a hue angle of 20.3 degrees, a saturation of 65.9% and a lightness of 41.4%. #af5324 color hex could be obtained by blending #ffa648 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 33
- B 14
RGB color chart
- C 0
- M 53
- Y 79
- K 31
CMYK color chart

● #af5324 color description : Dark orange [Brown tone].

The hexadecimal color #af5324 has RGB values of R:175, G:83, B:36 and CMYK values of C:0, M:0.53, Y:0.79, K:0.31. Its decimal value is 11490084.

Hex triplet	af5324	`#af5324`
RGB Decimal	175, 83, 36	`rgb(175,83,36)`
RGB Percent	68.6, 32.5, 14.1	`rgb(68.6%,32.5%,14.1%)`
CMYK	0, 53, 79, 31
HSL	20.3°, 65.9, 41.4	`hsl(20.3,65.9%,41.4%)`
HSV (or HSB)	20.3°, 79.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.217, 34.532, 43.459
XYZ	21.092, 15.43, 3.537
xyY	0.527, 0.385, 15.43
CIE-LCH	46.217, 55.508, 51.53
CIE-LUV	46.217, 73.76, 35.678
Hunter-Lab	39.281, 27.103, 22.159
Binary	10101111, 01010011, 00100100

#af5324
```
#af5324 rgb(175,83,36)
```
#2480af
```
#2480af rgb(36,128,175)
```

Complementary Color

#af243a
```
#af243a rgb(175,36,58)
```
#af5324
```
#af5324 rgb(175,83,36)
```
#af9924
```
#af9924 rgb(175,153,36)
```

Analogous Color

#243baf
```
#243baf rgb(36,59,175)
```
#af5324
```
#af5324 rgb(175,83,36)
```
#24af99
```
#24af99 rgb(36,175,153)
```

Split Complementary Color

#5324af
```
#5324af rgb(83,36,175)
```
#af5324
```
#af5324 rgb(175,83,36)
```
#24af53
```
#24af53 rgb(36,175,83)
```

Triadic Color

#af2480
```
#af2480 rgb(175,36,128)
```
#af5324
```
#af5324 rgb(175,83,36)
```
#24af53
```
#24af53 rgb(36,175,83)
```
#2480af
```
#2480af rgb(36,128,175)
```

Tetradic Color

#703517
```
#703517 rgb(112,53,23)
```
#853f1b
```
#853f1b rgb(133,63,27)
```
#9a4920
```
#9a4920 rgb(154,73,32)
```
#af5324
```
#af5324 rgb(175,83,36)
```
#c45d28
```
#c45d28 rgb(196,93,40)
```
#d56931
```
#d56931 rgb(213,105,49)
```
#d97846
```
#d97846 rgb(217,120,70)
```

Monochromatic Color

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

#af3024
```
#af3024 rgb(175,48,36)
```
#af3c24
```
#af3c24 rgb(175,60,36)
```
#af4724
```
#af4724 rgb(175,71,36)
```
#af5324
```
#af5324 rgb(175,83,36)
```
#af5f24
```
#af5f24 rgb(175,95,36)
```
#af6a24
```
#af6a24 rgb(175,106,36)
```
#af7624
```
#af7624 rgb(175,118,36)
```

Similar Colors

Text with hexadecimal color #af5324

This text has a font color of #af5324.

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

#af5324 background color

This paragraph has a background color of #af5324.

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

#af5324 border color

This element has a border color of #af5324.

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

CSS codes

.text {color:#af5324;}

.background {background-color:#af5324;}

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

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

#0c0603
```
#0c0603 rgb(12,6,3)
```
#1d0e06
```
#1d0e06 rgb(29,14,6)
```
#2d1509
```
#2d1509 rgb(45,21,9)
```
#3d1d0d
```
#3d1d0d rgb(61,29,13)
```
#4d2510
```
#4d2510 rgb(77,37,16)
```
#5e2c13
```
#5e2c13 rgb(94,44,19)
```
#6e3417
```
#6e3417 rgb(110,52,23)
```
#7e3c1a
```
#7e3c1a rgb(126,60,26)
```
#8e441d
```
#8e441d rgb(142,68,29)
```
#9f4b21
```
#9f4b21 rgb(159,75,33)
```
#af5324
```
#af5324 rgb(175,83,36)
```
#bf5b27
```
#bf5b27 rgb(191,91,39)
```
#d0622b
```
#d0622b rgb(208,98,43)
```

Shade Color Variation

#d66d38
```
#d66d38 rgb(214,109,56)
```
#d97948
```
#d97948 rgb(217,121,72)
```
#dd8558
```
#dd8558 rgb(221,133,88)
```
#e09169
```
#e09169 rgb(224,145,105)
```
#e39d79
```
#e39d79 rgb(227,157,121)
```
#e7a989
```
#e7a989 rgb(231,169,137)
```
#eab599
```
#eab599 rgb(234,181,153)
```
#edc1aa
```
#edc1aa rgb(237,193,170)
```
#f1cdba
```
#f1cdba rgb(241,205,186)
```
#f4d8ca
```
#f4d8ca rgb(244,216,202)
```
#f7e4db
```
#f7e4db rgb(247,228,219)
```
#fbf0eb
```
#fbf0eb rgb(251,240,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#6e6865
```
#6e6865 rgb(110,104,101)
```
#76655d
```
#76655d rgb(118,101,93)
```
#7e6355
```
#7e6355 rgb(126,99,85)
```
#86604d
```
#86604d rgb(134,96,77)
```
#8f5e44
```
#8f5e44 rgb(143,94,68)
```
#975b3c
```
#975b3c rgb(151,91,60)
```
#9f5834
```
#9f5834 rgb(159,88,52)
```
#a7562c
```
#a7562c rgb(167,86,44)
```
#af5324
```
#af5324 rgb(175,83,36)
```
#b7501c
```
#b7501c rgb(183,80,28)
```
#bf4e14
```
#bf4e14 rgb(191,78,20)
```
#c74b0c
```
#c74b0c rgb(199,75,12)
```
#cf4804
```
#cf4804 rgb(207,72,4)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#77655b Atypical Achromatopsia 0.001% of the population

Dichromacy

#817536 Protanopia 1% of men
#916f28 Deuteranopia 1% of men
#b5575c Tritanopia 0.001% of the population

Trichromacy

#92682f Protanomaly 1% of men, 0.01% of women
#9c6526 Deuteranomaly 6% of men, 0.4% of women
#b35547 Tritanomaly 0.01% of the population

#af5324 hex color

#af5324 Color Information

#af5324 Color Conversion

Color Schemes with #af5324

Alternatives to #af5324

#af5324 Preview

Shades and Tints of #af5324

Tones of #af5324

Color Blindness Simulator