#af3f0b hex color

In a RGB color space, hex #af3f0b is composed of 68.6% red, 24.7% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 93.7% yellow and 31.4% black. It has a hue angle of 19 degrees, a saturation of 88.2% and a lightness of 36.5%. #af3f0b color hex could be obtained by blending #ff7e16 with #5f0000. Closest websafe color is: #993300.

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

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

The hexadecimal color #af3f0b has RGB values of R:175, G:63, B:11 and CMYK values of C:0, M:0.64, Y:0.94, K:0.31. Its decimal value is 11484939.

Hex triplet	af3f0b	`#af3f0b`
RGB Decimal	175, 63, 11	`rgb(175,63,11)`
RGB Percent	68.6, 24.7, 4.3	`rgb(68.6%,24.7%,4.3%)`
CMYK	0, 64, 94, 31
HSL	19°, 88.2, 36.5	`hsl(19,88.2%,36.5%)`
HSV (or HSB)	19°, 93.7, 68.6
Web Safe	993300	`#993300`

CIE-LAB	42.301, 43.691, 50.149
XYZ	19.518, 12.695, 1.739
xyY	0.575, 0.374, 12.695
CIE-LCH	42.301, 66.512, 48.936
CIE-LUV	42.301, 90.738, 34.472
Hunter-Lab	35.63, 35.427, 22.047
Binary	10101111, 00111111, 00001011

#af3f0b
```
#af3f0b rgb(175,63,11)
```
#0b7baf
```
#0b7baf rgb(11,123,175)
```

Complementary Color

#af0b29
```
#af0b29 rgb(175,11,41)
```
#af3f0b
```
#af3f0b rgb(175,63,11)
```
#af910b
```
#af910b rgb(175,145,11)
```

Analogous Color

#0b29af
```
#0b29af rgb(11,41,175)
```
#af3f0b
```
#af3f0b rgb(175,63,11)
```
#0baf91
```
#0baf91 rgb(11,175,145)
```

Split Complementary Color

#3f0baf
```
#3f0baf rgb(63,11,175)
```
#af3f0b
```
#af3f0b rgb(175,63,11)
```
#0baf3f
```
#0baf3f rgb(11,175,63)
```

Triadic Color

#af0b7b
```
#af0b7b rgb(175,11,123)
```
#af3f0b
```
#af3f0b rgb(175,63,11)
```
#0baf3f
```
#0baf3f rgb(11,175,63)
```
#0b7baf
```
#0b7baf rgb(11,123,175)
```

Tetradic Color

#672506
```
#672506 rgb(103,37,6)
```
#7f2e08
```
#7f2e08 rgb(127,46,8)
```
#973609
```
#973609 rgb(151,54,9)
```
#af3f0b
```
#af3f0b rgb(175,63,11)
```
#c7480d
```
#c7480d rgb(199,72,13)
```
#df500e
```
#df500e rgb(223,80,14)
```
#f05b16
```
#f05b16 rgb(240,91,22)
```

Monochromatic Color

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

#af160b
```
#af160b rgb(175,22,11)
```
#af240b
```
#af240b rgb(175,36,11)
```
#af310b
```
#af310b rgb(175,49,11)
```
#af3f0b
```
#af3f0b rgb(175,63,11)
```
#af4d0b
```
#af4d0b rgb(175,77,11)
```
#af5a0b
```
#af5a0b rgb(175,90,11)
```
#af680b
```
#af680b rgb(175,104,11)
```

Similar Colors

Text with hexadecimal color #af3f0b

This text has a font color of #af3f0b.

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

#af3f0b background color

This paragraph has a background color of #af3f0b.

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

#af3f0b border color

This element has a border color of #af3f0b.

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

CSS codes

.text {color:#af3f0b;}

.background {background-color:#af3f0b;}

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

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

#090301
```
#090301 rgb(9,3,1)
```
#1b0a02
```
#1b0a02 rgb(27,10,2)
```
#2e1003
```
#2e1003 rgb(46,16,3)
```
#401704
```
#401704 rgb(64,23,4)
```
#531e05
```
#531e05 rgb(83,30,5)
```
#652406
```
#652406 rgb(101,36,6)
```
#782b08
```
#782b08 rgb(120,43,8)
```
#8a3209
```
#8a3209 rgb(138,50,9)
```
#9d380a
```
#9d380a rgb(157,56,10)
```
#af3f0b
```
#af3f0b rgb(175,63,11)
```
#c1460c
```
#c1460c rgb(193,70,12)
```
#d44c0d
```
#d44c0d rgb(212,76,13)
```
#e6530e
```
#e6530e rgb(230,83,14)
```

Shade Color Variation

#f05d18
```
#f05d18 rgb(240,93,24)
```
#f26a2a
```
#f26a2a rgb(242,106,42)
```
#f3773d
```
#f3773d rgb(243,119,61)
```
#f4844f
```
#f4844f rgb(244,132,79)
```
#f59162
```
#f59162 rgb(245,145,98)
```
#f69d74
```
#f69d74 rgb(246,157,116)
```
#f7aa87
```
#f7aa87 rgb(247,170,135)
```
#f9b799
```
#f9b799 rgb(249,183,153)
```
#fac4ac
```
#fac4ac rgb(250,196,172)
```
#fbd1be
```
#fbd1be rgb(251,209,190)
```
#fcded1
```
#fcded1 rgb(252,222,209)
```
#fdebe3
```
#fdebe3 rgb(253,235,227)
```
#fef8f5
```
#fef8f5 rgb(254,248,245)
```

Tint Color Variation

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

#605c5a
```
#605c5a rgb(96,92,90)
```
#675953
```
#675953 rgb(103,89,83)
```
#6f574b
```
#6f574b rgb(111,87,75)
```
#765444
```
#765444 rgb(118,84,68)
```
#7d513d
```
#7d513d rgb(125,81,61)
```
#844f36
```
#844f36 rgb(132,79,54)
```
#8b4c2f
```
#8b4c2f rgb(139,76,47)
```
#924928
```
#924928 rgb(146,73,40)
```
#9a4720
```
#9a4720 rgb(154,71,32)
```
#a14419
```
#a14419 rgb(161,68,25)
```
#a84212
```
#a84212 rgb(168,66,18)
```
#af3f0b
```
#af3f0b rgb(175,63,11)
```
#b63c04
```
#b63c04 rgb(182,60,4)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c554b Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c20 Protanopia 1% of men
#866600 Deuteranopia 1% of men
#b44448 Tritanopia 0.001% of the population

Trichromacy

#8c5b18 Protanomaly 1% of men, 0.01% of women
#955804 Deuteranomaly 6% of men, 0.4% of women
#b24231 Tritanomaly 0.01% of the population

#af3f0b hex color

#af3f0b Color Information

#af3f0b Color Conversion

Color Schemes with #af3f0b

Alternatives to #af3f0b

#af3f0b Preview

Shades and Tints of #af3f0b

Tones of #af3f0b

Color Blindness Simulator