#af3f01 hex color

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

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

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

The hexadecimal color #af3f01 has RGB values of R:175, G:63, B:1 and CMYK values of C:0, M:0.64, Y:0.99, K:0.31. Its decimal value is 11484929.

Hex triplet	af3f01	`#af3f01`
RGB Decimal	175, 63, 1	`rgb(175,63,1)`
RGB Percent	68.6, 24.7, 0.4	`rgb(68.6%,24.7%,0.4%)`
CMYK	0, 64, 99, 31
HSL	21.4°, 98.9, 34.5	`hsl(21.4,98.9%,34.5%)`
HSV (or HSB)	21.4°, 99.4, 68.6
Web Safe	993300	`#993300`

CIE-LAB	42.267, 43.559, 53.053
XYZ	19.463, 12.673, 1.45
xyY	0.579, 0.377, 12.673
CIE-LCH	42.267, 68.645, 50.612
CIE-LUV	42.267, 91.269, 35.644
Hunter-Lab	35.6, 35.29, 22.505
Binary	10101111, 00111111, 00000001

#af3f01
```
#af3f01 rgb(175,63,1)
```
#0171af
```
#0171af rgb(1,113,175)
```

Complementary Color

#af011a
```
#af011a rgb(175,1,26)
```
#af3f01
```
#af3f01 rgb(175,63,1)
```
#af9601
```
#af9601 rgb(175,150,1)
```

Analogous Color

#011aaf
```
#011aaf rgb(1,26,175)
```
#af3f01
```
#af3f01 rgb(175,63,1)
```
#01af96
```
#01af96 rgb(1,175,150)
```

Split Complementary Color

#3f01af
```
#3f01af rgb(63,1,175)
```
#af3f01
```
#af3f01 rgb(175,63,1)
```
#01af3f
```
#01af3f rgb(1,175,63)
```

Triadic Color

#af0171
```
#af0171 rgb(175,1,113)
```
#af3f01
```
#af3f01 rgb(175,63,1)
```
#01af3f
```
#01af3f rgb(1,175,63)
```
#0171af
```
#0171af rgb(1,113,175)
```

Tetradic Color

#632401
```
#632401 rgb(99,36,1)
```
#7c2d01
```
#7c2d01 rgb(124,45,1)
```
#963601
```
#963601 rgb(150,54,1)
```
#af3f01
```
#af3f01 rgb(175,63,1)
```
#c84801
```
#c84801 rgb(200,72,1)
```
#e25101
```
#e25101 rgb(226,81,1)
```
#fb5a01
```
#fb5a01 rgb(251,90,1)
```

Monochromatic Color

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

#af1301
```
#af1301 rgb(175,19,1)
```
#af2201
```
#af2201 rgb(175,34,1)
```
#af3101
```
#af3101 rgb(175,49,1)
```
#af3f01
```
#af3f01 rgb(175,63,1)
```
#af4d01
```
#af4d01 rgb(175,77,1)
```
#af5c01
```
#af5c01 rgb(175,92,1)
```
#af6b01
```
#af6b01 rgb(175,107,1)
```

Similar Colors

Text with hexadecimal color #af3f01

This text has a font color of #af3f01.

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

#af3f01 background color

This paragraph has a background color of #af3f01.

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

#af3f01 border color

This element has a border color of #af3f01.

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

CSS codes

.text {color:#af3f01;}

.background {background-color:#af3f01;}

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

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

#130700
```
#130700 rgb(19,7,0)
```
#260e00
```
#260e00 rgb(38,14,0)
```
#3a1500
```
#3a1500 rgb(58,21,0)
```
#4d1c00
```
#4d1c00 rgb(77,28,0)
```
#612301
```
#612301 rgb(97,35,1)
```
#742a01
```
#742a01 rgb(116,42,1)
```
#883101
```
#883101 rgb(136,49,1)
```
#9b3801
```
#9b3801 rgb(155,56,1)
```
#af3f01
```
#af3f01 rgb(175,63,1)
```
#c34601
```
#c34601 rgb(195,70,1)
```
#d64d01
```
#d64d01 rgb(214,77,1)
```
#ea5401
```
#ea5401 rgb(234,84,1)
```
#fd5b01
```
#fd5b01 rgb(253,91,1)
```

Shade Color Variation

#fe6814
```
#fe6814 rgb(254,104,20)
```
#fe7428
```
#fe7428 rgb(254,116,40)
```
#fe813b
```
#fe813b rgb(254,129,59)
```
#fe8d4f
```
#fe8d4f rgb(254,141,79)
```
#fe9a62
```
#fe9a62 rgb(254,154,98)
```
#fea676
```
#fea676 rgb(254,166,118)
```
#feb389
```
#feb389 rgb(254,179,137)
```
#fec09d
```
#fec09d rgb(254,192,157)
```
#ffccb0
```
#ffccb0 rgb(255,204,176)
```
#ffd9c4
```
#ffd9c4 rgb(255,217,196)
```
#ffe5d7
```
#ffe5d7 rgb(255,229,215)
```
#fff2eb
```
#fff2eb rgb(255,242,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#5e5652
```
#5e5652 rgb(94,86,82)
```
#65544b
```
#65544b rgb(101,84,75)
```
#6b5245
```
#6b5245 rgb(107,82,69)
```
#72513e
```
#72513e rgb(114,81,62)
```
#794f37
```
#794f37 rgb(121,79,55)
```
#804d30
```
#804d30 rgb(128,77,48)
```
#864b2a
```
#864b2a rgb(134,75,42)
```
#8d4923
```
#8d4923 rgb(141,73,35)
```
#94471c
```
#94471c rgb(148,71,28)
```
#9b4515
```
#9b4515 rgb(155,69,21)
```
#a1430f
```
#a1430f rgb(161,67,15)
```
#a84108
```
#a84108 rgb(168,65,8)
```
#af3f01
```
#af3f01 rgb(175,63,1)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6a5447 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c15 Protanopia 1% of men
#866600 Deuteranopia 1% of men
#b44447 Tritanopia 0.001% of the population

Trichromacy

#8c5b0e Protanomaly 1% of men, 0.01% of women
#955800 Deuteranomaly 6% of men, 0.4% of women
#b2422e Tritanomaly 0.01% of the population

#af3f01 hex color

#af3f01 Color Information

#af3f01 Color Conversion

Color Schemes with #af3f01

Alternatives to #af3f01

#af3f01 Preview

Shades and Tints of #af3f01

Tones of #af3f01

Color Blindness Simulator