#af550b hex color

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

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

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

The hexadecimal color #af550b has RGB values of R:175, G:85, B:11 and CMYK values of C:0, M:0.51, Y:0.94, K:0.31. Its decimal value is 11490571.

Hex triplet	af550b	`#af550b`
RGB Decimal	175, 85, 11	`rgb(175,85,11)`
RGB Percent	68.6, 33.3, 4.3	`rgb(68.6%,33.3%,4.3%)`
CMYK	0, 51, 94, 31
HSL	27.1°, 88.2, 36.5	`hsl(27.1,88.2%,36.5%)`
HSV (or HSB)	27.1°, 93.7, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.495, 32.844, 53.033
XYZ	20.989, 15.637, 2.23
xyY	0.54, 0.402, 15.637
CIE-LCH	46.495, 62.38, 58.229
CIE-LUV	46.495, 73.931, 41.305
Hunter-Lab	39.544, 25.542, 24.338
Binary	10101111, 01010101, 00001011

#af550b
```
#af550b rgb(175,85,11)
```
#0b65af
```
#0b65af rgb(11,101,175)
```

Complementary Color

#af0b13
```
#af0b13 rgb(175,11,19)
```
#af550b
```
#af550b rgb(175,85,11)
```
#afa70b
```
#afa70b rgb(175,167,11)
```

Analogous Color

#0b13af
```
#0b13af rgb(11,19,175)
```
#af550b
```
#af550b rgb(175,85,11)
```
#0bafa7
```
#0bafa7 rgb(11,175,167)
```

Split Complementary Color

#550baf
```
#550baf rgb(85,11,175)
```
#af550b
```
#af550b rgb(175,85,11)
```
#0baf55
```
#0baf55 rgb(11,175,85)
```

Triadic Color

#af0b65
```
#af0b65 rgb(175,11,101)
```
#af550b
```
#af550b rgb(175,85,11)
```
#0baf55
```
#0baf55 rgb(11,175,85)
```
#0b65af
```
#0b65af rgb(11,101,175)
```

Tetradic Color

#673206
```
#673206 rgb(103,50,6)
```
#7f3e08
```
#7f3e08 rgb(127,62,8)
```
#974909
```
#974909 rgb(151,73,9)
```
#af550b
```
#af550b rgb(175,85,11)
```
#c7610d
```
#c7610d rgb(199,97,13)
```
#df6c0e
```
#df6c0e rgb(223,108,14)
```
#f07916
```
#f07916 rgb(240,121,22)
```

Monochromatic Color

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

#af2c0b
```
#af2c0b rgb(175,44,11)
```
#af3a0b
```
#af3a0b rgb(175,58,11)
```
#af470b
```
#af470b rgb(175,71,11)
```
#af550b
```
#af550b rgb(175,85,11)
```
#af630b
```
#af630b rgb(175,99,11)
```
#af700b
```
#af700b rgb(175,112,11)
```
#af7e0b
```
#af7e0b rgb(175,126,11)
```

Similar Colors

Text with hexadecimal color #af550b

This text has a font color of #af550b.

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

#af550b background color

This paragraph has a background color of #af550b.

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

#af550b border color

This element has a border color of #af550b.

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

CSS codes

.text {color:#af550b;}

.background {background-color:#af550b;}

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

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

#090401
```
#090401 rgb(9,4,1)
```
#1b0d02
```
#1b0d02 rgb(27,13,2)
```
#2e1603
```
#2e1603 rgb(46,22,3)
```
#401f04
```
#401f04 rgb(64,31,4)
```
#532805
```
#532805 rgb(83,40,5)
```
#653106
```
#653106 rgb(101,49,6)
```
#783a08
```
#783a08 rgb(120,58,8)
```
#8a4309
```
#8a4309 rgb(138,67,9)
```
#9d4c0a
```
#9d4c0a rgb(157,76,10)
```
#af550b
```
#af550b rgb(175,85,11)
```
#c15e0c
```
#c15e0c rgb(193,94,12)
```
#d4670d
```
#d4670d rgb(212,103,13)
```
#e6700e
```
#e6700e rgb(230,112,14)
```

Shade Color Variation

#f07a18
```
#f07a18 rgb(240,122,24)
```
#f2842a
```
#f2842a rgb(242,132,42)
```
#f38f3d
```
#f38f3d rgb(243,143,61)
```
#f49a4f
```
#f49a4f rgb(244,154,79)
```
#f5a462
```
#f5a462 rgb(245,164,98)
```
#f6af74
```
#f6af74 rgb(246,175,116)
```
#f7ba87
```
#f7ba87 rgb(247,186,135)
```
#f9c499
```
#f9c499 rgb(249,196,153)
```
#facfac
```
#facfac rgb(250,207,172)
```
#fbdabe
```
#fbdabe rgb(251,218,190)
```
#fce4d1
```
#fce4d1 rgb(252,228,209)
```
#fdefe3
```
#fdefe3 rgb(253,239,227)
```
#fef9f5
```
#fef9f5 rgb(254,249,245)
```

Tint Color Variation

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

#605d5a
```
#605d5a rgb(96,93,90)
```
#675c53
```
#675c53 rgb(103,92,83)
```
#6f5b4b
```
#6f5b4b rgb(111,91,75)
```
#765b44
```
#765b44 rgb(118,91,68)
```
#7d5a3d
```
#7d5a3d rgb(125,90,61)
```
#845936
```
#845936 rgb(132,89,54)
```
#8b582f
```
#8b582f rgb(139,88,47)
```
#925828
```
#925828 rgb(146,88,40)
```
#9a5720
```
#9a5720 rgb(154,87,32)
```
#a15619
```
#a15619 rgb(161,86,25)
```
#a85612
```
#a85612 rgb(168,86,18)
```
#af550b
```
#af550b rgb(175,85,11)
```
#b65404
```
#b65404 rgb(182,84,4)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83751e Protanopia 1% of men
#937000 Deuteranopia 1% of men
#b5575d Tritanopia 0.001% of the population

Trichromacy

#936917 Protanomaly 1% of men, 0.01% of women
#9d6604 Deuteranomaly 6% of men, 0.4% of women
#b3563f Tritanomaly 0.01% of the population

#af550b hex color

#af550b Color Information

#af550b Color Conversion

Color Schemes with #af550b

Alternatives to #af550b

#af550b Preview

Shades and Tints of #af550b

Tones of #af550b

Color Blindness Simulator