#af5215 hex color

In a RGB color space, hex #af5215 is composed of 68.6% red, 32.2% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 88% yellow and 31.4% black. It has a hue angle of 23.8 degrees, a saturation of 78.6% and a lightness of 38.4%. #af5215 color hex could be obtained by blending #ffa42a with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 32
- B 8
RGB color chart
- C 0
- M 53
- Y 88
- K 31
CMYK color chart

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

The hexadecimal color #af5215 has RGB values of R:175, G:82, B:21 and CMYK values of C:0, M:0.53, Y:0.88, K:0.31. Its decimal value is 11489813.

Hex triplet	af5215	`#af5215`
RGB Decimal	175, 82, 21	`rgb(175,82,21)`
RGB Percent	68.6, 32.2, 8.2	`rgb(68.6%,32.2%,8.2%)`
CMYK	0, 53, 88, 31
HSL	23.8°, 78.6, 38.4	`hsl(23.8,78.6%,38.4%)`
HSV (or HSB)	23.8°, 88, 68.6
Web Safe	996600	`#996600`

CIE-LAB	45.913, 34.599, 49.547
XYZ	20.833, 15.205, 2.547
xyY	0.54, 0.394, 15.205
CIE-LCH	45.913, 60.431, 55.073
CIE-LUV	45.913, 75.79, 38.838
Hunter-Lab	38.993, 27.128, 23.422
Binary	10101111, 01010010, 00010101

#af5215
```
#af5215 rgb(175,82,21)
```
#1572af
```
#1572af rgb(21,114,175)
```

Complementary Color

#af1525
```
#af1525 rgb(175,21,37)
```
#af5215
```
#af5215 rgb(175,82,21)
```
#af9f15
```
#af9f15 rgb(175,159,21)
```

Analogous Color

#1525af
```
#1525af rgb(21,37,175)
```
#af5215
```
#af5215 rgb(175,82,21)
```
#15af9f
```
#15af9f rgb(21,175,159)
```

Split Complementary Color

#5215af
```
#5215af rgb(82,21,175)
```
#af5215
```
#af5215 rgb(175,82,21)
```
#15af52
```
#15af52 rgb(21,175,82)
```

Triadic Color

#af1572
```
#af1572 rgb(175,21,114)
```
#af5215
```
#af5215 rgb(175,82,21)
```
#15af52
```
#15af52 rgb(21,175,82)
```
#1572af
```
#1572af rgb(21,114,175)
```

Tetradic Color

#6b320d
```
#6b320d rgb(107,50,13)
```
#813d10
```
#813d10 rgb(129,61,16)
```
#984712
```
#984712 rgb(152,71,18)
```
#af5215
```
#af5215 rgb(175,82,21)
```
#c65d18
```
#c65d18 rgb(198,93,24)
```
#dd671a
```
#dd671a rgb(221,103,26)
```
#e6752b
```
#e6752b rgb(230,117,43)
```

Monochromatic Color

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

#af2c15
```
#af2c15 rgb(175,44,21)
```
#af3815
```
#af3815 rgb(175,56,21)
```
#af4515
```
#af4515 rgb(175,69,21)
```
#af5215
```
#af5215 rgb(175,82,21)
```
#af5f15
```
#af5f15 rgb(175,95,21)
```
#af6c15
```
#af6c15 rgb(175,108,21)
```
#af7915
```
#af7915 rgb(175,121,21)
```

Similar Colors

Text with hexadecimal color #af5215

This text has a font color of #af5215.

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

#af5215 background color

This paragraph has a background color of #af5215.

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

#af5215 border color

This element has a border color of #af5215.

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

CSS codes

.text {color:#af5215;}

.background {background-color:#af5215;}

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

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

#110802
```
#110802 rgb(17,8,2)
```
#231004
```
#231004 rgb(35,16,4)
```
#341906
```
#341906 rgb(52,25,6)
```
#462108
```
#462108 rgb(70,33,8)
```
#57290a
```
#57290a rgb(87,41,10)
```
#69310d
```
#69310d rgb(105,49,13)
```
#7a390f
```
#7a390f rgb(122,57,15)
```
#8c4211
```
#8c4211 rgb(140,66,17)
```
#9d4a13
```
#9d4a13 rgb(157,74,19)
```
#af5215
```
#af5215 rgb(175,82,21)
```
#c15a17
```
#c15a17 rgb(193,90,23)
```
#d26219
```
#d26219 rgb(210,98,25)
```
#e46b1b
```
#e46b1b rgb(228,107,27)
```

Shade Color Variation

#e6762d
```
#e6762d rgb(230,118,45)
```
#e8813e
```
#e8813e rgb(232,129,62)
```
#ea8d50
```
#ea8d50 rgb(234,141,80)
```
#ec9861
```
#ec9861 rgb(236,152,97)
```
#eea473
```
#eea473 rgb(238,164,115)
```
#f0af84
```
#f0af84 rgb(240,175,132)
```
#f2ba96
```
#f2ba96 rgb(242,186,150)
```
#f4c6a7
```
#f4c6a7 rgb(244,198,167)
```
#f7d1b9
```
#f7d1b9 rgb(247,209,185)
```
#f9ddca
```
#f9ddca rgb(249,221,202)
```
#fbe8dc
```
#fbe8dc rgb(251,232,220)
```
#fdf4ed
```
#fdf4ed rgb(253,244,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#646260
```
#646260 rgb(100,98,96)
```
#6b6059
```
#6b6059 rgb(107,96,89)
```
#735f51
```
#735f51 rgb(115,95,81)
```
#7a5d4a
```
#7a5d4a rgb(122,93,74)
```
#825b42
```
#825b42 rgb(130,91,66)
```
#895a3b
```
#895a3b rgb(137,90,59)
```
#915833
```
#915833 rgb(145,88,51)
```
#98572c
```
#98572c rgb(152,87,44)
```
#a05524
```
#a05524 rgb(160,85,36)
```
#a7541d
```
#a7541d rgb(167,84,29)
```
#af5215
```
#af5215 rgb(175,82,21)
```
#b7500d
```
#b7500d rgb(183,80,13)
```
#be4f06
```
#be4f06 rgb(190,79,6)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756357 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817427 Protanopia 1% of men
#916e15 Deuteranopia 1% of men
#b5555a Tritanopia 0.001% of the population

Trichromacy

#926720 Protanomaly 1% of men, 0.01% of women
#9c6415 Deuteranomaly 6% of men, 0.4% of women
#b35441 Tritanomaly 0.01% of the population

#af5215 hex color

#af5215 Color Information

#af5215 Color Conversion

Color Schemes with #af5215

Alternatives to #af5215

#af5215 Preview

Shades and Tints of #af5215

Tones of #af5215

Color Blindness Simulator