#af5d30 hex color

In a RGB color space, hex #af5d30 is composed of 68.6% red, 36.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 72.6% yellow and 31.4% black. It has a hue angle of 21.3 degrees, a saturation of 57% and a lightness of 43.7%. #af5d30 color hex could be obtained by blending #ffba60 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 36
- B 19
RGB color chart
- C 0
- M 47
- Y 73
- K 31
CMYK color chart

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

The hexadecimal color #af5d30 has RGB values of R:175, G:93, B:48 and CMYK values of C:0, M:0.47, Y:0.73, K:0.31. Its decimal value is 11492656.

Hex triplet	af5d30	`#af5d30`
RGB Decimal	175, 93, 48	`rgb(175,93,48)`
RGB Percent	68.6, 36.5, 18.8	`rgb(68.6%,36.5%,18.8%)`
CMYK	0, 47, 73, 31
HSL	21.3°, 57, 43.7	`hsl(21.3,57%,43.7%)`
HSV (or HSB)	21.3°, 72.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	48.458, 29.75, 39.79
XYZ	22.128, 17.158, 4.943
xyY	0.5, 0.388, 17.158
CIE-LCH	48.458, 49.682, 53.216
CIE-LUV	48.458, 64.814, 35.484
Hunter-Lab	41.422, 22.866, 21.921
Binary	10101111, 01011101, 00110000

#af5d30
```
#af5d30 rgb(175,93,48)
```
#3082af
```
#3082af rgb(48,130,175)
```

Complementary Color

#af3043
```
#af3043 rgb(175,48,67)
```
#af5d30
```
#af5d30 rgb(175,93,48)
```
#af9d30
```
#af9d30 rgb(175,157,48)
```

Analogous Color

#3043af
```
#3043af rgb(48,67,175)
```
#af5d30
```
#af5d30 rgb(175,93,48)
```
#30af9d
```
#30af9d rgb(48,175,157)
```

Split Complementary Color

#5d30af
```
#5d30af rgb(93,48,175)
```
#af5d30
```
#af5d30 rgb(175,93,48)
```
#30af5d
```
#30af5d rgb(48,175,93)
```

Triadic Color

#af3082
```
#af3082 rgb(175,48,130)
```
#af5d30
```
#af5d30 rgb(175,93,48)
```
#30af5d
```
#30af5d rgb(48,175,93)
```
#3082af
```
#3082af rgb(48,130,175)
```

Tetradic Color

#733d20
```
#733d20 rgb(115,61,32)
```
#874825
```
#874825 rgb(135,72,37)
```
#9b522b
```
#9b522b rgb(155,82,43)
```
#af5d30
```
#af5d30 rgb(175,93,48)
```
#c36835
```
#c36835 rgb(195,104,53)
```
#cc7546
```
#cc7546 rgb(204,117,70)
```
#d2845a
```
#d2845a rgb(210,132,90)
```

Monochromatic Color

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

#af3d30
```
#af3d30 rgb(175,61,48)
```
#af4830
```
#af4830 rgb(175,72,48)
```
#af5230
```
#af5230 rgb(175,82,48)
```
#af5d30
```
#af5d30 rgb(175,93,48)
```
#af6830
```
#af6830 rgb(175,104,48)
```
#af7230
```
#af7230 rgb(175,114,48)
```
#af7d30
```
#af7d30 rgb(175,125,48)
```

Similar Colors

Text with hexadecimal color #af5d30

This text has a font color of #af5d30.

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

#af5d30 background color

This paragraph has a background color of #af5d30.

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

#af5d30 border color

This element has a border color of #af5d30.

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

CSS codes

.text {color:#af5d30;}

.background {background-color:#af5d30;}

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

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

#060302
```
#060302 rgb(6,3,2)
```
#150b06
```
#150b06 rgb(21,11,6)
```
#24130a
```
#24130a rgb(36,19,10)
```
#341c0e
```
#341c0e rgb(52,28,14)
```
#432412
```
#432412 rgb(67,36,18)
```
#532c17
```
#532c17 rgb(83,44,23)
```
#62341b
```
#62341b rgb(98,52,27)
```
#713c1f
```
#713c1f rgb(113,60,31)
```
#814423
```
#814423 rgb(129,68,35)
```
#904d28
```
#904d28 rgb(144,77,40)
```
#a0552c
```
#a0552c rgb(160,85,44)
```
#af5d30
```
#af5d30 rgb(175,93,48)
```
#be6534
```
#be6534 rgb(190,101,52)
```

Shade Color Variation

#ca6f3d
```
#ca6f3d rgb(202,111,61)
```
#ce7a4c
```
#ce7a4c rgb(206,122,76)
```
#d2855b
```
#d2855b rgb(210,133,91)
```
#d6916b
```
#d6916b rgb(214,145,107)
```
#db9c7a
```
#db9c7a rgb(219,156,122)
```
#dfa88a
```
#dfa88a rgb(223,168,138)
```
#e3b399
```
#e3b399 rgb(227,179,153)
```
#e7bfa8
```
#e7bfa8 rgb(231,191,168)
```
#ebcab8
```
#ebcab8 rgb(235,202,184)
```
#f0d5c7
```
#f0d5c7 rgb(240,213,199)
```
#f4e1d6
```
#f4e1d6 rgb(244,225,214)
```
#f8ece6
```
#f8ece6 rgb(248,236,230)
```
#fcf8f5
```
#fcf8f5 rgb(252,248,245)
```

Tint Color Variation

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

#736e6c
```
#736e6c rgb(115,110,108)
```
#7c6c63
```
#7c6c63 rgb(124,108,99)
```
#84695b
```
#84695b rgb(132,105,91)
```
#8d6752
```
#8d6752 rgb(141,103,82)
```
#95644a
```
#95644a rgb(149,100,74)
```
#9e6241
```
#9e6241 rgb(158,98,65)
```
#a65f39
```
#a65f39 rgb(166,95,57)
```
#af5d30
```
#af5d30 rgb(175,93,48)
```
#b85b27
```
#b85b27 rgb(184,91,39)
```
#c0581f
```
#c0581f rgb(192,88,31)
```
#c95616
```
#c95616 rgb(201,86,22)
```
#d1530e
```
#d1530e rgb(209,83,14)
```
#da5105
```
#da5105 rgb(218,81,5)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7d6c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a41 Protanopia 1% of men
#967436 Deuteranopia 1% of men
#b56066 Tritanopia 0.001% of the population

Trichromacy

#956f3a Protanomaly 1% of men, 0.01% of women
#9f6c33 Deuteranomaly 6% of men, 0.4% of women
#b35f52 Tritanomaly 0.01% of the population

#af5d30 hex color

#af5d30 Color Information

#af5d30 Color Conversion

Color Schemes with #af5d30

Alternatives to #af5d30

#af5d30 Preview

Shades and Tints of #af5d30

Tones of #af5d30

Color Blindness Simulator