#af5301 hex color

In a RGB color space, hex #af5301 is composed of 68.6% red, 32.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 99.4% yellow and 31.4% black. It has a hue angle of 28.3 degrees, a saturation of 98.9% and a lightness of 34.5%. #af5301 color hex could be obtained by blending #ffa602 with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af5301 has RGB values of R:175, G:83, B:1 and CMYK values of C:0, M:0.53, Y:0.99, K:0.31. Its decimal value is 11490049.

Hex triplet	af5301	`#af5301`
RGB Decimal	175, 83, 1	`rgb(175,83,1)`
RGB Percent	68.6, 32.5, 0.4	`rgb(68.6%,32.5%,0.4%)`
CMYK	0, 53, 99, 31
HSL	28.3°, 98.9, 34.5	`hsl(28.3,98.9%,34.5%)`
HSV (or HSB)	28.3°, 99.4, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.049, 33.755, 55.209
XYZ	20.779, 15.305, 1.889
xyY	0.547, 0.403, 15.305
CIE-LCH	46.049, 64.71, 58.558
CIE-LUV	46.049, 75.912, 41.717
Hunter-Lab	39.121, 26.346, 24.523
Binary	10101111, 01010011, 00000001

#af5301
```
#af5301 rgb(175,83,1)
```
#015daf
```
#015daf rgb(1,93,175)
```

Complementary Color

#af0106
```
#af0106 rgb(175,1,6)
```
#af5301
```
#af5301 rgb(175,83,1)
```
#afaa01
```
#afaa01 rgb(175,170,1)
```

Analogous Color

#0106af
```
#0106af rgb(1,6,175)
```
#af5301
```
#af5301 rgb(175,83,1)
```
#01afaa
```
#01afaa rgb(1,175,170)
```

Split Complementary Color

#5301af
```
#5301af rgb(83,1,175)
```
#af5301
```
#af5301 rgb(175,83,1)
```
#01af53
```
#01af53 rgb(1,175,83)
```

Triadic Color

#af015d
```
#af015d rgb(175,1,93)
```
#af5301
```
#af5301 rgb(175,83,1)
```
#01af53
```
#01af53 rgb(1,175,83)
```
#015daf
```
#015daf rgb(1,93,175)
```

Tetradic Color

#632f01
```
#632f01 rgb(99,47,1)
```
#7c3b01
```
#7c3b01 rgb(124,59,1)
```
#964701
```
#964701 rgb(150,71,1)
```
#af5301
```
#af5301 rgb(175,83,1)
```
#c85f01
```
#c85f01 rgb(200,95,1)
```
#e26b01
```
#e26b01 rgb(226,107,1)
```
#fb7701
```
#fb7701 rgb(251,119,1)
```

Monochromatic Color

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

#af2801
```
#af2801 rgb(175,40,1)
```
#af3601
```
#af3601 rgb(175,54,1)
```
#af4501
```
#af4501 rgb(175,69,1)
```
#af5301
```
#af5301 rgb(175,83,1)
```
#af6201
```
#af6201 rgb(175,98,1)
```
#af7001
```
#af7001 rgb(175,112,1)
```
#af7f01
```
#af7f01 rgb(175,127,1)
```

Similar Colors

Text with hexadecimal color #af5301

This text has a font color of #af5301.

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

#af5301 background color

This paragraph has a background color of #af5301.

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

#af5301 border color

This element has a border color of #af5301.

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

CSS codes

.text {color:#af5301;}

.background {background-color:#af5301;}

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

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

#130900
```
#130900 rgb(19,9,0)
```
#261200
```
#261200 rgb(38,18,0)
```
#3a1b00
```
#3a1b00 rgb(58,27,0)
```
#4d2500
```
#4d2500 rgb(77,37,0)
```
#612e01
```
#612e01 rgb(97,46,1)
```
#743701
```
#743701 rgb(116,55,1)
```
#884001
```
#884001 rgb(136,64,1)
```
#9b4a01
```
#9b4a01 rgb(155,74,1)
```
#af5301
```
#af5301 rgb(175,83,1)
```
#c35c01
```
#c35c01 rgb(195,92,1)
```
#d66601
```
#d66601 rgb(214,102,1)
```
#ea6f01
```
#ea6f01 rgb(234,111,1)
```
#fd7801
```
#fd7801 rgb(253,120,1)
```

Shade Color Variation

#fe8214
```
#fe8214 rgb(254,130,20)
```
#fe8d28
```
#fe8d28 rgb(254,141,40)
```
#fe973b
```
#fe973b rgb(254,151,59)
```
#fea14f
```
#fea14f rgb(254,161,79)
```
#feac62
```
#feac62 rgb(254,172,98)
```
#feb676
```
#feb676 rgb(254,182,118)
```
#fec189
```
#fec189 rgb(254,193,137)
```
#fecb9d
```
#fecb9d rgb(254,203,157)
```
#ffd5b0
```
#ffd5b0 rgb(255,213,176)
```
#ffe0c4
```
#ffe0c4 rgb(255,224,196)
```
#ffead7
```
#ffead7 rgb(255,234,215)
```
#fff4eb
```
#fff4eb rgb(255,244,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#5e5852
```
#5e5852 rgb(94,88,82)
```
#65574b
```
#65574b rgb(101,87,75)
```
#6b5745
```
#6b5745 rgb(107,87,69)
```
#72573e
```
#72573e rgb(114,87,62)
```
#795637
```
#795637 rgb(121,86,55)
```
#805630
```
#805630 rgb(128,86,48)
```
#86552a
```
#86552a rgb(134,85,42)
```
#8d5523
```
#8d5523 rgb(141,85,35)
```
#94551c
```
#94551c rgb(148,85,28)
```
#9b5415
```
#9b5415 rgb(155,84,21)
```
#a1540f
```
#a1540f rgb(161,84,15)
```
#a85308
```
#a85308 rgb(168,83,8)
```
#af5301
```
#af5301 rgb(175,83,1)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#746151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827413 Protanopia 1% of men
#916f00 Deuteranopia 1% of men
#b5555b Tritanopia 0.001% of the population

Trichromacy

#92680c Protanomaly 1% of men, 0.01% of women
#9c6400 Deuteranomaly 6% of men, 0.4% of women
#b3543a Tritanomaly 0.01% of the population

#af5301 hex color

#af5301 Color Information

#af5301 Color Conversion

Color Schemes with #af5301

Alternatives to #af5301

#af5301 Preview

Shades and Tints of #af5301

Tones of #af5301

Color Blindness Simulator