#af551d hex color

In a RGB color space, hex #af551d is composed of 68.6% red, 33.3% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 83.4% yellow and 31.4% black. It has a hue angle of 23 degrees, a saturation of 71.6% and a lightness of 40%. #af551d color hex could be obtained by blending #ffaa3a with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af551d has RGB values of R:175, G:85, B:29 and CMYK values of C:0, M:0.51, Y:0.83, K:0.31. Its decimal value is 11490589.

Hex triplet	af551d	`#af551d`
RGB Decimal	175, 85, 29	`rgb(175,85,29)`
RGB Percent	68.6, 33.3, 11.4	`rgb(68.6%,33.3%,11.4%)`
CMYK	0, 51, 83, 31
HSL	23°, 71.6, 40	`hsl(23,71.6%,40%)`
HSV (or HSB)	23°, 83.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.581, 33.246, 46.964
XYZ	21.15, 15.702, 3.079
xyY	0.53, 0.393, 15.702
CIE-LCH	46.581, 57.54, 54.705
CIE-LUV	46.581, 72.855, 38.208
Hunter-Lab	39.625, 25.931, 23.13
Binary	10101111, 01010101, 00011101

#af551d
```
#af551d rgb(175,85,29)
```
#1d77af
```
#1d77af rgb(29,119,175)
```

Complementary Color

#af1d2e
```
#af1d2e rgb(175,29,46)
```
#af551d
```
#af551d rgb(175,85,29)
```
#af9e1d
```
#af9e1d rgb(175,158,29)
```

Analogous Color

#1d2eaf
```
#1d2eaf rgb(29,46,175)
```
#af551d
```
#af551d rgb(175,85,29)
```
#1daf9e
```
#1daf9e rgb(29,175,158)
```

Split Complementary Color

#551daf
```
#551daf rgb(85,29,175)
```
#af551d
```
#af551d rgb(175,85,29)
```
#1daf55
```
#1daf55 rgb(29,175,85)
```

Triadic Color

#af1d77
```
#af1d77 rgb(175,29,119)
```
#af551d
```
#af551d rgb(175,85,29)
```
#1daf55
```
#1daf55 rgb(29,175,85)
```
#1d77af
```
#1d77af rgb(29,119,175)
```

Tetradic Color

#6d3512
```
#6d3512 rgb(109,53,18)
```
#834016
```
#834016 rgb(131,64,22)
```
#994a19
```
#994a19 rgb(153,74,25)
```
#af551d
```
#af551d rgb(175,85,29)
```
#c56021
```
#c56021 rgb(197,96,33)
```
#db6a24
```
#db6a24 rgb(219,106,36)
```
#de793a
```
#de793a rgb(222,121,58)
```

Monochromatic Color

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

#af301d
```
#af301d rgb(175,48,29)
```
#af3d1d
```
#af3d1d rgb(175,61,29)
```
#af491d
```
#af491d rgb(175,73,29)
```
#af551d
```
#af551d rgb(175,85,29)
```
#af611d
```
#af611d rgb(175,97,29)
```
#af6d1d
```
#af6d1d rgb(175,109,29)
```
#af7a1d
```
#af7a1d rgb(175,122,29)
```

Similar Colors

Text with hexadecimal color #af551d

This text has a font color of #af551d.

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

#af551d background color

This paragraph has a background color of #af551d.

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

#af551d border color

This element has a border color of #af551d.

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

CSS codes

.text {color:#af551d;}

.background {background-color:#af551d;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#180b04
```
#180b04 rgb(24,11,4)
```
#281407
```
#281407 rgb(40,20,7)
```
#391c09
```
#391c09 rgb(57,28,9)
```
#4a240c
```
#4a240c rgb(74,36,12)
```
#5b2c0f
```
#5b2c0f rgb(91,44,15)
```
#6c3412
```
#6c3412 rgb(108,52,18)
```
#7d3c15
```
#7d3c15 rgb(125,60,21)
```
#8d4517
```
#8d4517 rgb(141,69,23)
```
#9e4d1a
```
#9e4d1a rgb(158,77,26)
```
#af551d
```
#af551d rgb(175,85,29)
```
#c05d20
```
#c05d20 rgb(192,93,32)
```
#d16523
```
#d16523 rgb(209,101,35)
```

Shade Color Variation

#dc6f2b
```
#dc6f2b rgb(220,111,43)
```
#df7a3c
```
#df7a3c rgb(223,122,60)
```
#e1864d
```
#e1864d rgb(225,134,77)
```
#e4915d
```
#e4915d rgb(228,145,93)
```
#e79d6e
```
#e79d6e rgb(231,157,110)
```
#eaa87f
```
#eaa87f rgb(234,168,127)
```
#edb390
```
#edb390 rgb(237,179,144)
```
#efbfa1
```
#efbfa1 rgb(239,191,161)
```
#f2cab2
```
#f2cab2 rgb(242,202,178)
```
#f5d6c2
```
#f5d6c2 rgb(245,214,194)
```
#f8e1d3
```
#f8e1d3 rgb(248,225,211)
```
#fbede4
```
#fbede4 rgb(251,237,228)
```
#fdf8f5
```
#fdf8f5 rgb(253,248,245)
```

Tint Color Variation

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

#686564
```
#686564 rgb(104,101,100)
```
#70645c
```
#70645c rgb(112,100,92)
```
#786254
```
#786254 rgb(120,98,84)
```
#80604c
```
#80604c rgb(128,96,76)
```
#885e44
```
#885e44 rgb(136,94,68)
```
#905c3c
```
#905c3c rgb(144,92,60)
```
#975a35
```
#975a35 rgb(151,90,53)
```
#9f592d
```
#9f592d rgb(159,89,45)
```
#a75725
```
#a75725 rgb(167,87,37)
```
#af551d
```
#af551d rgb(175,85,29)
```
#b75315
```
#b75315 rgb(183,83,21)
```
#bf510d
```
#bf510d rgb(191,81,13)
```
#c75005
```
#c75005 rgb(199,80,5)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#78665b Atypical Achromatopsia 0.001% of the population

Dichromacy

#83762f Protanopia 1% of men
#927020 Deuteranopia 1% of men
#b5585d Tritanopia 0.001% of the population

Trichromacy

#936a28 Protanomaly 1% of men, 0.01% of women
#9d661f Deuteranomaly 6% of men, 0.4% of women
#b35746 Tritanomaly 0.01% of the population

#af551d hex color

#af551d Color Information

#af551d Color Conversion

Color Schemes with #af551d

Alternatives to #af551d

#af551d Preview

Shades and Tints of #af551d

Tones of #af551d

Color Blindness Simulator