#af6015 hex color

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

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

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

The hexadecimal color #af6015 has RGB values of R:175, G:96, B:21 and CMYK values of C:0, M:0.45, Y:0.88, K:0.31. Its decimal value is 11493397.

Hex triplet	af6015	`#af6015`
RGB Decimal	175, 96, 21	`rgb(175,96,21)`
RGB Percent	68.6, 37.6, 8.2	`rgb(68.6%,37.6%,8.2%)`
CMYK	0, 45, 88, 31
HSL	29.2°, 78.6, 38.4	`hsl(29.2,78.6%,38.4%)`
HSV (or HSB)	29.2°, 88, 68.6
Web Safe	996600	`#996600`

CIE-LAB	48.928, 27.124, 51.973
XYZ	21.998, 17.536, 2.936
xyY	0.518, 0.413, 17.536
CIE-LCH	48.928, 58.625, 62.441
CIE-LUV	48.928, 64.635, 43.737
Hunter-Lab	41.876, 20.487, 25.156
Binary	10101111, 01100000, 00010101

#af6015
```
#af6015 rgb(175,96,21)
```
#1564af
```
#1564af rgb(21,100,175)
```

Complementary Color

#af1517
```
#af1517 rgb(175,21,23)
```
#af6015
```
#af6015 rgb(175,96,21)
```
#afad15
```
#afad15 rgb(175,173,21)
```

Analogous Color

#1517af
```
#1517af rgb(21,23,175)
```
#af6015
```
#af6015 rgb(175,96,21)
```
#15afad
```
#15afad rgb(21,175,173)
```

Split Complementary Color

#6015af
```
#6015af rgb(96,21,175)
```
#af6015
```
#af6015 rgb(175,96,21)
```
#15af60
```
#15af60 rgb(21,175,96)
```

Triadic Color

#af1564
```
#af1564 rgb(175,21,100)
```
#af6015
```
#af6015 rgb(175,96,21)
```
#15af60
```
#15af60 rgb(21,175,96)
```
#1564af
```
#1564af rgb(21,100,175)
```

Tetradic Color

#6b3b0d
```
#6b3b0d rgb(107,59,13)
```
#814710
```
#814710 rgb(129,71,16)
```
#985412
```
#985412 rgb(152,84,18)
```
#af6015
```
#af6015 rgb(175,96,21)
```
#c66c18
```
#c66c18 rgb(198,108,24)
```
#dd791a
```
#dd791a rgb(221,121,26)
```
#e6862b
```
#e6862b rgb(230,134,43)
```

Monochromatic Color

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

#af3a15
```
#af3a15 rgb(175,58,21)
```
#af4615
```
#af4615 rgb(175,70,21)
```
#af5315
```
#af5315 rgb(175,83,21)
```
#af6015
```
#af6015 rgb(175,96,21)
```
#af6d15
```
#af6d15 rgb(175,109,21)
```
#af7a15
```
#af7a15 rgb(175,122,21)
```
#af8715
```
#af8715 rgb(175,135,21)
```

Similar Colors

Text with hexadecimal color #af6015

This text has a font color of #af6015.

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

#af6015 background color

This paragraph has a background color of #af6015.

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

#af6015 border color

This element has a border color of #af6015.

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

CSS codes

.text {color:#af6015;}

.background {background-color:#af6015;}

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

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)
```
#231304
```
#231304 rgb(35,19,4)
```
#341d06
```
#341d06 rgb(52,29,6)
```
#462608
```
#462608 rgb(70,38,8)
```
#57300a
```
#57300a rgb(87,48,10)
```
#693a0d
```
#693a0d rgb(105,58,13)
```
#7a430f
```
#7a430f rgb(122,67,15)
```
#8c4d11
```
#8c4d11 rgb(140,77,17)
```
#9d5613
```
#9d5613 rgb(157,86,19)
```
#af6015
```
#af6015 rgb(175,96,21)
```
#c16a17
```
#c16a17 rgb(193,106,23)
```
#d27319
```
#d27319 rgb(210,115,25)
```
#e47d1b
```
#e47d1b rgb(228,125,27)
```

Shade Color Variation

#e6872d
```
#e6872d rgb(230,135,45)
```
#e8913e
```
#e8913e rgb(232,145,62)
```
#ea9b50
```
#ea9b50 rgb(234,155,80)
```
#eca561
```
#eca561 rgb(236,165,97)
```
#eeaf73
```
#eeaf73 rgb(238,175,115)
```
#f0b984
```
#f0b984 rgb(240,185,132)
```
#f2c396
```
#f2c396 rgb(242,195,150)
```
#f4cda7
```
#f4cda7 rgb(244,205,167)
```
#f7d7b9
```
#f7d7b9 rgb(247,215,185)
```
#f9e1ca
```
#f9e1ca rgb(249,225,202)
```
#fbebdc
```
#fbebdc rgb(251,235,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 #be6006 is the most saturated one.

#646260
```
#646260 rgb(100,98,96)
```
#6b6259
```
#6b6259 rgb(107,98,89)
```
#736251
```
#736251 rgb(115,98,81)
```
#7a614a
```
#7a614a rgb(122,97,74)
```
#826142
```
#826142 rgb(130,97,66)
```
#89613b
```
#89613b rgb(137,97,59)
```
#916133
```
#916133 rgb(145,97,51)
```
#98612c
```
#98612c rgb(152,97,44)
```
#a06024
```
#a06024 rgb(160,96,36)
```
#a7601d
```
#a7601d rgb(167,96,29)
```
#af6015
```
#af6015 rgb(175,96,21)
```
#b7600d
```
#b7600d rgb(183,96,13)
```
#be6006
```
#be6006 rgb(190,96,6)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6c5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b26 Protanopia 1% of men
#9a7518 Deuteranopia 1% of men
#b66168 Tritanopia 0.001% of the population

Trichromacy

#97711f Protanomaly 1% of men, 0.01% of women
#a16d17 Deuteranomaly 6% of men, 0.4% of women
#b36149 Tritanomaly 0.01% of the population

#af6015 hex color

#af6015 Color Information

#af6015 Color Conversion

Color Schemes with #af6015

Alternatives to #af6015

#af6015 Preview

Shades and Tints of #af6015

Tones of #af6015

Color Blindness Simulator