#af400b hex color

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

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

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

The hexadecimal color #af400b has RGB values of R:175, G:64, B:11 and CMYK values of C:0, M:0.63, Y:0.94, K:0.31. Its decimal value is 11485195.

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

CIE-LAB	42.471, 43.237, 50.264
XYZ	19.574, 12.807, 1.758
xyY	0.573, 0.375, 12.807
CIE-LCH	42.471, 66.301, 49.298
CIE-LUV	42.471, 90.022, 34.754
Hunter-Lab	35.787, 35.004, 22.138
Binary	10101111, 01000000, 00001011

#af400b
```
#af400b rgb(175,64,11)
```
#0b7aaf
```
#0b7aaf rgb(11,122,175)
```

Complementary Color

#af0b28
```
#af0b28 rgb(175,11,40)
```
#af400b
```
#af400b rgb(175,64,11)
```
#af920b
```
#af920b rgb(175,146,11)
```

Analogous Color

#0b28af
```
#0b28af rgb(11,40,175)
```
#af400b
```
#af400b rgb(175,64,11)
```
#0baf92
```
#0baf92 rgb(11,175,146)
```

Split Complementary Color

#400baf
```
#400baf rgb(64,11,175)
```
#af400b
```
#af400b rgb(175,64,11)
```
#0baf40
```
#0baf40 rgb(11,175,64)
```

Triadic Color

#af0b7a
```
#af0b7a rgb(175,11,122)
```
#af400b
```
#af400b rgb(175,64,11)
```
#0baf40
```
#0baf40 rgb(11,175,64)
```
#0b7aaf
```
#0b7aaf rgb(11,122,175)
```

Tetradic Color

#672606
```
#672606 rgb(103,38,6)
```
#7f2e08
```
#7f2e08 rgb(127,46,8)
```
#973709
```
#973709 rgb(151,55,9)
```
#af400b
```
#af400b rgb(175,64,11)
```
#c7490d
```
#c7490d rgb(199,73,13)
```
#df520e
```
#df520e rgb(223,82,14)
```
#f05d16
```
#f05d16 rgb(240,93,22)
```

Monochromatic Color

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

#af170b
```
#af170b rgb(175,23,11)
```
#af250b
```
#af250b rgb(175,37,11)
```
#af320b
```
#af320b rgb(175,50,11)
```
#af400b
```
#af400b rgb(175,64,11)
```
#af4e0b
```
#af4e0b rgb(175,78,11)
```
#af5b0b
```
#af5b0b rgb(175,91,11)
```
#af690b
```
#af690b rgb(175,105,11)
```

Similar Colors

Text with hexadecimal color #af400b

This text has a font color of #af400b.

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

#af400b background color

This paragraph has a background color of #af400b.

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

#af400b border color

This element has a border color of #af400b.

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

CSS codes

.text {color:#af400b;}

.background {background-color:#af400b;}

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

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)
```
#2e1103
```
#2e1103 rgb(46,17,3)
```
#401804
```
#401804 rgb(64,24,4)
```
#531e05
```
#531e05 rgb(83,30,5)
```
#652506
```
#652506 rgb(101,37,6)
```
#782c08
```
#782c08 rgb(120,44,8)
```
#8a3309
```
#8a3309 rgb(138,51,9)
```
#9d390a
```
#9d390a rgb(157,57,10)
```
#af400b
```
#af400b rgb(175,64,11)
```
#c1470c
```
#c1470c rgb(193,71,12)
```
#d44d0d
```
#d44d0d rgb(212,77,13)
```
#e6540e
```
#e6540e rgb(230,84,14)
```

Shade Color Variation

#f05e18
```
#f05e18 rgb(240,94,24)
```
#f26b2a
```
#f26b2a rgb(242,107,42)
```
#f3783d
```
#f3783d rgb(243,120,61)
```
#f4854f
```
#f4854f rgb(244,133,79)
```
#f59162
```
#f59162 rgb(245,145,98)
```
#f69e74
```
#f69e74 rgb(246,158,116)
```
#f7ab87
```
#f7ab87 rgb(247,171,135)
```
#f9b899
```
#f9b899 rgb(249,184,153)
```
#fac5ac
```
#fac5ac rgb(250,197,172)
```
#fbd2be
```
#fbd2be rgb(251,210,190)
```
#fcdfd1
```
#fcdfd1 rgb(252,223,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 #b63d04 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)
```
#7d523d
```
#7d523d rgb(125,82,61)
```
#844f36
```
#844f36 rgb(132,79,54)
```
#8b4d2f
```
#8b4d2f rgb(139,77,47)
```
#924a28
```
#924a28 rgb(146,74,40)
```
#9a4820
```
#9a4820 rgb(154,72,32)
```
#a14519
```
#a14519 rgb(161,69,25)
```
#a84312
```
#a84312 rgb(168,67,18)
```
#af400b
```
#af400b rgb(175,64,11)
```
#b63d04
```
#b63d04 rgb(182,61,4)
```

Tone Color Variation

Below, you can see how #af400b 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
#6c564b Atypical Achromatopsia 0.001% of the population

Dichromacy

#796c20 Protanopia 1% of men
#876700 Deuteranopia 1% of men
#b44549 Tritanopia 0.001% of the population

Trichromacy

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

#af400b hex color

#af400b Color Information

#af400b Color Conversion

Color Schemes with #af400b

Alternatives to #af400b

#af400b Preview

Shades and Tints of #af400b

Tones of #af400b

Color Blindness Simulator