#af5101 hex color

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

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

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

The hexadecimal color #af5101 has RGB values of R:175, G:81, B:1 and CMYK values of C:0, M:0.54, Y:0.99, K:0.31. Its decimal value is 11489537.

Hex triplet	af5101	`#af5101`
RGB Decimal	175, 81, 1	`rgb(175,81,1)`
RGB Percent	68.6, 31.8, 0.4	`rgb(68.6%,31.8%,0.4%)`
CMYK	0, 54, 99, 31
HSL	27.6°, 98.9, 34.5	`hsl(27.6,98.9%,34.5%)`
HSV (or HSB)	27.6°, 99.4, 68.6
Web Safe	996600	`#996600`

CIE-LAB	45.638, 34.793, 54.965
XYZ	20.628, 15.003, 1.838
xyY	0.551, 0.4, 15.003
CIE-LCH	45.638, 65.051, 57.666
CIE-LUV	45.638, 77.512, 41.067
Hunter-Lab	38.734, 27.277, 24.3
Binary	10101111, 01010001, 00000001

#af5101
```
#af5101 rgb(175,81,1)
```
#015faf
```
#015faf rgb(1,95,175)
```

Complementary Color

#af0108
```
#af0108 rgb(175,1,8)
```
#af5101
```
#af5101 rgb(175,81,1)
```
#afa801
```
#afa801 rgb(175,168,1)
```

Analogous Color

#0108af
```
#0108af rgb(1,8,175)
```
#af5101
```
#af5101 rgb(175,81,1)
```
#01afa8
```
#01afa8 rgb(1,175,168)
```

Split Complementary Color

#5101af
```
#5101af rgb(81,1,175)
```
#af5101
```
#af5101 rgb(175,81,1)
```
#01af51
```
#01af51 rgb(1,175,81)
```

Triadic Color

#af015f
```
#af015f rgb(175,1,95)
```
#af5101
```
#af5101 rgb(175,81,1)
```
#01af51
```
#01af51 rgb(1,175,81)
```
#015faf
```
#015faf rgb(1,95,175)
```

Tetradic Color

#632e01
```
#632e01 rgb(99,46,1)
```
#7c3a01
```
#7c3a01 rgb(124,58,1)
```
#964501
```
#964501 rgb(150,69,1)
```
#af5101
```
#af5101 rgb(175,81,1)
```
#c85d01
```
#c85d01 rgb(200,93,1)
```
#e26801
```
#e26801 rgb(226,104,1)
```
#fb7401
```
#fb7401 rgb(251,116,1)
```

Monochromatic Color

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

#af2601
```
#af2601 rgb(175,38,1)
```
#af3401
```
#af3401 rgb(175,52,1)
```
#af4301
```
#af4301 rgb(175,67,1)
```
#af5101
```
#af5101 rgb(175,81,1)
```
#af6001
```
#af6001 rgb(175,96,1)
```
#af6e01
```
#af6e01 rgb(175,110,1)
```
#af7d01
```
#af7d01 rgb(175,125,1)
```

Similar Colors

Text with hexadecimal color #af5101

This text has a font color of #af5101.

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

#af5101 background color

This paragraph has a background color of #af5101.

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

#af5101 border color

This element has a border color of #af5101.

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

CSS codes

.text {color:#af5101;}

.background {background-color:#af5101;}

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

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)
```
#4d2400
```
#4d2400 rgb(77,36,0)
```
#612d01
```
#612d01 rgb(97,45,1)
```
#743601
```
#743601 rgb(116,54,1)
```
#883f01
```
#883f01 rgb(136,63,1)
```
#9b4801
```
#9b4801 rgb(155,72,1)
```
#af5101
```
#af5101 rgb(175,81,1)
```
#c35a01
```
#c35a01 rgb(195,90,1)
```
#d66301
```
#d66301 rgb(214,99,1)
```
#ea6c01
```
#ea6c01 rgb(234,108,1)
```
#fd7501
```
#fd7501 rgb(253,117,1)
```

Shade Color Variation

#fe8014
```
#fe8014 rgb(254,128,20)
```
#fe8a28
```
#fe8a28 rgb(254,138,40)
```
#fe953b
```
#fe953b rgb(254,149,59)
```
#fe9f4f
```
#fe9f4f rgb(254,159,79)
```
#feaa62
```
#feaa62 rgb(254,170,98)
```
#feb576
```
#feb576 rgb(254,181,118)
```
#febf89
```
#febf89 rgb(254,191,137)
```
#feca9d
```
#feca9d rgb(254,202,157)
```
#ffd4b0
```
#ffd4b0 rgb(255,212,176)
```
#ffdfc4
```
#ffdfc4 rgb(255,223,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 #af5101 is the most saturated one.

#5e5852
```
#5e5852 rgb(94,88,82)
```
#65574b
```
#65574b rgb(101,87,75)
```
#6b5645
```
#6b5645 rgb(107,86,69)
```
#72563e
```
#72563e rgb(114,86,62)
```
#795537
```
#795537 rgb(121,85,55)
```
#805530
```
#805530 rgb(128,85,48)
```
#86542a
```
#86542a rgb(134,84,42)
```
#8d5423
```
#8d5423 rgb(141,84,35)
```
#94531c
```
#94531c rgb(148,83,28)
```
#9b5315
```
#9b5315 rgb(155,83,21)
```
#a1520f
```
#a1520f rgb(161,82,15)
```
#a85208
```
#a85208 rgb(168,82,8)
```
#af5101
```
#af5101 rgb(175,81,1)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#736050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817313 Protanopia 1% of men
#906e00 Deuteranopia 1% of men
#b55459 Tritanopia 0.001% of the population

Trichromacy

#92670d Protanomaly 1% of men, 0.01% of women
#9b6300 Deuteranomaly 6% of men, 0.4% of women
#b35339 Tritanomaly 0.01% of the population

#af5101 hex color

#af5101 Color Information

#af5101 Color Conversion

Color Schemes with #af5101

Alternatives to #af5101

#af5101 Preview

Shades and Tints of #af5101

Tones of #af5101

Color Blindness Simulator