#af6315 hex color

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

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

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

The hexadecimal color #af6315 has RGB values of R:175, G:99, B:21 and CMYK values of C:0, M:0.43, Y:0.88, K:0.31. Its decimal value is 11494165.

Hex triplet	af6315	`#af6315`
RGB Decimal	175, 99, 21	`rgb(175,99,21)`
RGB Percent	68.6, 38.8, 8.2	`rgb(68.6%,38.8%,8.2%)`
CMYK	0, 43, 88, 31
HSL	30.4°, 78.6, 38.4	`hsl(30.4,78.6%,38.4%)`
HSV (or HSB)	30.4°, 88, 68.6
Web Safe	996600	`#996600`

CIE-LAB	49.609, 25.479, 52.521
XYZ	22.277, 18.094, 3.029
xyY	0.513, 0.417, 18.094
CIE-LCH	49.609, 58.375, 64.121
CIE-LUV	49.609, 62.218, 44.829
Hunter-Lab	42.537, 19.044, 25.554
Binary	10101111, 01100011, 00010101

#af6315
```
#af6315 rgb(175,99,21)
```
#1561af
```
#1561af rgb(21,97,175)
```

Complementary Color

#af1615
```
#af1615 rgb(175,22,21)
```
#af6315
```
#af6315 rgb(175,99,21)
```
#aeaf15
```
#aeaf15 rgb(174,175,21)
```

Analogous Color

#1615af
```
#1615af rgb(22,21,175)
```
#af6315
```
#af6315 rgb(175,99,21)
```
#15aeaf
```
#15aeaf rgb(21,174,175)
```

Split Complementary Color

#6315af
```
#6315af rgb(99,21,175)
```
#af6315
```
#af6315 rgb(175,99,21)
```
#15af63
```
#15af63 rgb(21,175,99)
```

Triadic Color

#af1561
```
#af1561 rgb(175,21,97)
```
#af6315
```
#af6315 rgb(175,99,21)
```
#15af63
```
#15af63 rgb(21,175,99)
```
#1561af
```
#1561af rgb(21,97,175)
```

Tetradic Color

#6b3c0d
```
#6b3c0d rgb(107,60,13)
```
#814910
```
#814910 rgb(129,73,16)
```
#985612
```
#985612 rgb(152,86,18)
```
#af6315
```
#af6315 rgb(175,99,21)
```
#c67018
```
#c67018 rgb(198,112,24)
```
#dd7d1a
```
#dd7d1a rgb(221,125,26)
```
#e6892b
```
#e6892b rgb(230,137,43)
```

Monochromatic Color

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

#af3d15
```
#af3d15 rgb(175,61,21)
```
#af4915
```
#af4915 rgb(175,73,21)
```
#af5615
```
#af5615 rgb(175,86,21)
```
#af6315
```
#af6315 rgb(175,99,21)
```
#af7015
```
#af7015 rgb(175,112,21)
```
#af7d15
```
#af7d15 rgb(175,125,21)
```
#af8a15
```
#af8a15 rgb(175,138,21)
```

Similar Colors

Text with hexadecimal color #af6315

This text has a font color of #af6315.

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

#af6315 background color

This paragraph has a background color of #af6315.

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

#af6315 border color

This element has a border color of #af6315.

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

CSS codes

.text {color:#af6315;}

.background {background-color:#af6315;}

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

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

#110a02
```
#110a02 rgb(17,10,2)
```
#231404
```
#231404 rgb(35,20,4)
```
#341e06
```
#341e06 rgb(52,30,6)
```
#462808
```
#462808 rgb(70,40,8)
```
#57310a
```
#57310a rgb(87,49,10)
```
#693b0d
```
#693b0d rgb(105,59,13)
```
#7a450f
```
#7a450f rgb(122,69,15)
```
#8c4f11
```
#8c4f11 rgb(140,79,17)
```
#9d5913
```
#9d5913 rgb(157,89,19)
```
#af6315
```
#af6315 rgb(175,99,21)
```
#c16d17
```
#c16d17 rgb(193,109,23)
```
#d27719
```
#d27719 rgb(210,119,25)
```
#e4811b
```
#e4811b rgb(228,129,27)
```

Shade Color Variation

#e68a2d
```
#e68a2d rgb(230,138,45)
```
#e8943e
```
#e8943e rgb(232,148,62)
```
#ea9e50
```
#ea9e50 rgb(234,158,80)
```
#eca861
```
#eca861 rgb(236,168,97)
```
#eeb173
```
#eeb173 rgb(238,177,115)
```
#f0bb84
```
#f0bb84 rgb(240,187,132)
```
#f2c596
```
#f2c596 rgb(242,197,150)
```
#f4cea7
```
#f4cea7 rgb(244,206,167)
```
#f7d8b9
```
#f7d8b9 rgb(247,216,185)
```
#f9e2ca
```
#f9e2ca rgb(249,226,202)
```
#fbecdc
```
#fbecdc rgb(251,236,220)
```
#fdf5ed
```
#fdf5ed rgb(253,245,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 #be6306 is the most saturated one.

#646260
```
#646260 rgb(100,98,96)
```
#6b6259
```
#6b6259 rgb(107,98,89)
```
#736251
```
#736251 rgb(115,98,81)
```
#7a624a
```
#7a624a rgb(122,98,74)
```
#826242
```
#826242 rgb(130,98,66)
```
#89633b
```
#89633b rgb(137,99,59)
```
#916333
```
#916333 rgb(145,99,51)
```
#98632c
```
#98632c rgb(152,99,44)
```
#a06324
```
#a06324 rgb(160,99,36)
```
#a7631d
```
#a7631d rgb(167,99,29)
```
#af6315
```
#af6315 rgb(175,99,21)
```
#b7630d
```
#b7630d rgb(183,99,13)
```
#be6306
```
#be6306 rgb(190,99,6)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7d6e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d25 Protanopia 1% of men
#9c7719 Deuteranopia 1% of men
#b6646a Tritanopia 0.001% of the population

Trichromacy

#98731f Protanomaly 1% of men, 0.01% of women
#a36f17 Deuteranomaly 6% of men, 0.4% of women
#b3634b Tritanomaly 0.01% of the population

#af6315 hex color

#af6315 Color Information

#af6315 Color Conversion

Color Schemes with #af6315

Alternatives to #af6315

#af6315 Preview

Shades and Tints of #af6315

Tones of #af6315

Color Blindness Simulator