#af4b1b hex color

In a RGB color space, hex #af4b1b is composed of 68.6% red, 29.4% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 84.6% yellow and 31.4% black. It has a hue angle of 19.5 degrees, a saturation of 73.3% and a lightness of 39.6%. #af4b1b color hex could be obtained by blending #ff9636 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 29
- B 11
RGB color chart
- C 0
- M 57
- Y 85
- K 31
CMYK color chart

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

The hexadecimal color #af4b1b has RGB values of R:175, G:75, B:27 and CMYK values of C:0, M:0.57, Y:0.85, K:0.31. Its decimal value is 11488027.

Hex triplet	af4b1b	`#af4b1b`
RGB Decimal	175, 75, 27	`rgb(175,75,27)`
RGB Percent	68.6, 29.4, 10.6	`rgb(68.6%,29.4%,10.6%)`
CMYK	0, 57, 85, 31
HSL	19.5°, 73.3, 39.6	`hsl(19.5,73.3%,39.6%)`
HSV (or HSB)	19.5°, 84.6, 68.6
Web Safe	993333	`#993333`

CIE-LAB	44.557, 38.313, 46.022
XYZ	20.394, 14.227, 2.709
xyY	0.546, 0.381, 14.227
CIE-LCH	44.557, 59.882, 50.223
CIE-LUV	44.557, 80.715, 35.293
Hunter-Lab	37.719, 30.503, 22.145
Binary	10101111, 01001011, 00011011

#af4b1b
```
#af4b1b rgb(175,75,27)
```
#1b7faf
```
#1b7faf rgb(27,127,175)
```

Complementary Color

#af1b35
```
#af1b35 rgb(175,27,53)
```
#af4b1b
```
#af4b1b rgb(175,75,27)
```
#af951b
```
#af951b rgb(175,149,27)
```

Analogous Color

#1b35af
```
#1b35af rgb(27,53,175)
```
#af4b1b
```
#af4b1b rgb(175,75,27)
```
#1baf95
```
#1baf95 rgb(27,175,149)
```

Split Complementary Color

#4b1baf
```
#4b1baf rgb(75,27,175)
```
#af4b1b
```
#af4b1b rgb(175,75,27)
```
#1baf4b
```
#1baf4b rgb(27,175,75)
```

Triadic Color

#af1b7f
```
#af1b7f rgb(175,27,127)
```
#af4b1b
```
#af4b1b rgb(175,75,27)
```
#1baf4b
```
#1baf4b rgb(27,175,75)
```
#1b7faf
```
#1b7faf rgb(27,127,175)
```

Tetradic Color

#6d2f11
```
#6d2f11 rgb(109,47,17)
```
#833814
```
#833814 rgb(131,56,20)
```
#994218
```
#994218 rgb(153,66,24)
```
#af4b1b
```
#af4b1b rgb(175,75,27)
```
#c5541e
```
#c5541e rgb(197,84,30)
```
#db5e22
```
#db5e22 rgb(219,94,34)
```
#e06d36
```
#e06d36 rgb(224,109,54)
```

Monochromatic Color

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

#af261b
```
#af261b rgb(175,38,27)
```
#af321b
```
#af321b rgb(175,50,27)
```
#af3f1b
```
#af3f1b rgb(175,63,27)
```
#af4b1b
```
#af4b1b rgb(175,75,27)
```
#af571b
```
#af571b rgb(175,87,27)
```
#af641b
```
#af641b rgb(175,100,27)
```
#af701b
```
#af701b rgb(175,112,27)
```

Similar Colors

Text with hexadecimal color #af4b1b

This text has a font color of #af4b1b.

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

#af4b1b background color

This paragraph has a background color of #af4b1b.

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

#af4b1b border color

This element has a border color of #af4b1b.

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

CSS codes

.text {color:#af4b1b;}

.background {background-color:#af4b1b;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#160903
```
#160903 rgb(22,9,3)
```
#271106
```
#271106 rgb(39,17,6)
```
#381809
```
#381809 rgb(56,24,9)
```
#491f0b
```
#491f0b rgb(73,31,11)
```
#5a270e
```
#5a270e rgb(90,39,14)
```
#6b2e11
```
#6b2e11 rgb(107,46,17)
```
#7c3513
```
#7c3513 rgb(124,53,19)
```
#8d3c16
```
#8d3c16 rgb(141,60,22)
```
#9e4418
```
#9e4418 rgb(158,68,24)
```
#af4b1b
```
#af4b1b rgb(175,75,27)
```
#c0521e
```
#c0521e rgb(192,82,30)
```
#d15a20
```
#d15a20 rgb(209,90,32)
```

Shade Color Variation

#de6227
```
#de6227 rgb(222,98,39)
```
#e06f38
```
#e06f38 rgb(224,111,56)
```
#e37b49
```
#e37b49 rgb(227,123,73)
```
#e6875a
```
#e6875a rgb(230,135,90)
```
#e8946b
```
#e8946b rgb(232,148,107)
```
#eba07c
```
#eba07c rgb(235,160,124)
```
#edac8d
```
#edac8d rgb(237,172,141)
```
#f0b99e
```
#f0b99e rgb(240,185,158)
```
#f3c5af
```
#f3c5af rgb(243,197,175)
```
#f5d1c0
```
#f5d1c0 rgb(245,209,192)
```
#f8ded1
```
#f8ded1 rgb(248,222,209)
```
#fbeae2
```
#fbeae2 rgb(251,234,226)
```
#fdf6f3
```
#fdf6f3 rgb(253,246,243)
```

Tint Color Variation

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

#696461
```
#696461 rgb(105,100,97)
```
#716159
```
#716159 rgb(113,97,89)
```
#795e51
```
#795e51 rgb(121,94,81)
```
#805b4a
```
#805b4a rgb(128,91,74)
```
#885942
```
#885942 rgb(136,89,66)
```
#90563a
```
#90563a rgb(144,86,58)
```
#985332
```
#985332 rgb(152,83,50)
```
#9f502b
```
#9f502b rgb(159,80,43)
```
#a74e23
```
#a74e23 rgb(167,78,35)
```
#af4b1b
```
#af4b1b rgb(175,75,27)
```
#b74813
```
#b74813 rgb(183,72,19)
```
#bf460b
```
#bf460b rgb(191,70,11)
```
#c64304
```
#c64304 rgb(198,67,4)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#725e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d712e Protanopia 1% of men
#8d6b1c Deuteranopia 1% of men
#b44f54 Tritanopia 0.001% of the population

Trichromacy

#8f6327 Protanomaly 1% of men, 0.01% of women
#995f1c Deuteranomaly 6% of men, 0.4% of women
#b24d3f Tritanomaly 0.01% of the population

#af4b1b hex color

#af4b1b Color Information

#af4b1b Color Conversion

Color Schemes with #af4b1b

Alternatives to #af4b1b

#af4b1b Preview

Shades and Tints of #af4b1b

Tones of #af4b1b

Color Blindness Simulator