#af550d hex color

In a RGB color space, hex #af550d is composed of 68.6% red, 33.3% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 92.6% yellow and 31.4% black. It has a hue angle of 26.7 degrees, a saturation of 86.2% and a lightness of 36.9%. #af550d color hex could be obtained by blending #ffaa1a with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af550d has RGB values of R:175, G:85, B:13 and CMYK values of C:0, M:0.51, Y:0.93, K:0.31. Its decimal value is 11490573.

Hex triplet	af550d	`#af550d`
RGB Decimal	175, 85, 13	`rgb(175,85,13)`
RGB Percent	68.6, 33.3, 5.1	`rgb(68.6%,33.3%,5.1%)`
CMYK	0, 51, 93, 31
HSL	26.7°, 86.2, 36.9	`hsl(26.7,86.2%,36.9%)`
HSV (or HSB)	26.7°, 92.6, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.501, 32.875, 52.522
XYZ	21.001, 15.642, 2.294
xyY	0.539, 0.402, 15.642
CIE-LCH	46.501, 61.962, 57.957
CIE-LUV	46.501, 73.848, 41.067
Hunter-Lab	39.55, 25.571, 24.246
Binary	10101111, 01010101, 00001101

#af550d
```
#af550d rgb(175,85,13)
```
#0d67af
```
#0d67af rgb(13,103,175)
```

Complementary Color

#af0d16
```
#af0d16 rgb(175,13,22)
```
#af550d
```
#af550d rgb(175,85,13)
```
#afa60d
```
#afa60d rgb(175,166,13)
```

Analogous Color

#0d16af
```
#0d16af rgb(13,22,175)
```
#af550d
```
#af550d rgb(175,85,13)
```
#0dafa6
```
#0dafa6 rgb(13,175,166)
```

Split Complementary Color

#550daf
```
#550daf rgb(85,13,175)
```
#af550d
```
#af550d rgb(175,85,13)
```
#0daf55
```
#0daf55 rgb(13,175,85)
```

Triadic Color

#af0d67
```
#af0d67 rgb(175,13,103)
```
#af550d
```
#af550d rgb(175,85,13)
```
#0daf55
```
#0daf55 rgb(13,175,85)
```
#0d67af
```
#0d67af rgb(13,103,175)
```

Tetradic Color

#683208
```
#683208 rgb(104,50,8)
```
#803e09
```
#803e09 rgb(128,62,9)
```
#97490b
```
#97490b rgb(151,73,11)
```
#af550d
```
#af550d rgb(175,85,13)
```
#c7610f
```
#c7610f rgb(199,97,15)
```
#de6c11
```
#de6c11 rgb(222,108,17)
```
#ee781a
```
#ee781a rgb(238,120,26)
```

Monochromatic Color

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

#af2d0d
```
#af2d0d rgb(175,45,13)
```
#af3a0d
```
#af3a0d rgb(175,58,13)
```
#af480d
```
#af480d rgb(175,72,13)
```
#af550d
```
#af550d rgb(175,85,13)
```
#af630d
```
#af630d rgb(175,99,13)
```
#af700d
```
#af700d rgb(175,112,13)
```
#af7e0d
```
#af7e0d rgb(175,126,13)
```

Similar Colors

Text with hexadecimal color #af550d

This text has a font color of #af550d.

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

#af550d background color

This paragraph has a background color of #af550d.

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

#af550d border color

This element has a border color of #af550d.

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

CSS codes

.text {color:#af550d;}

.background {background-color:#af550d;}

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

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, #0b0501 is the darkest color, while #fefbf7 is the lightest one.

#0b0501
```
#0b0501 rgb(11,5,1)
```
#1d0e02
```
#1d0e02 rgb(29,14,2)
```
#2f1704
```
#2f1704 rgb(47,23,4)
```
#412005
```
#412005 rgb(65,32,5)
```
#542906
```
#542906 rgb(84,41,6)
```
#663208
```
#663208 rgb(102,50,8)
```
#783a09
```
#783a09 rgb(120,58,9)
```
#8a430a
```
#8a430a rgb(138,67,10)
```
#9d4c0c
```
#9d4c0c rgb(157,76,12)
```
#af550d
```
#af550d rgb(175,85,13)
```
#c15e0e
```
#c15e0e rgb(193,94,14)
```
#d46710
```
#d46710 rgb(212,103,16)
```
#e67011
```
#e67011 rgb(230,112,17)
```

Shade Color Variation

#ee7a1c
```
#ee7a1c rgb(238,122,28)
```
#f0842f
```
#f0842f rgb(240,132,47)
```
#f18f41
```
#f18f41 rgb(241,143,65)
```
#f29a53
```
#f29a53 rgb(242,154,83)
```
#f4a565
```
#f4a565 rgb(244,165,101)
```
#f5af78
```
#f5af78 rgb(245,175,120)
```
#f6ba8a
```
#f6ba8a rgb(246,186,138)
```
#f8c59c
```
#f8c59c rgb(248,197,156)
```
#f9d0ae
```
#f9d0ae rgb(249,208,174)
```
#fadac1
```
#fadac1 rgb(250,218,193)
```
#fce5d3
```
#fce5d3 rgb(252,229,211)
```
#fdf0e5
```
#fdf0e5 rgb(253,240,229)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#5f5e5d
```
#5f5e5d rgb(95,94,93)
```
#675d55
```
#675d55 rgb(103,93,85)
```
#6e5c4e
```
#6e5c4e rgb(110,92,78)
```
#755b47
```
#755b47 rgb(117,91,71)
```
#7c5b40
```
#7c5b40 rgb(124,91,64)
```
#845a38
```
#845a38 rgb(132,90,56)
```
#8b5931
```
#8b5931 rgb(139,89,49)
```
#92582a
```
#92582a rgb(146,88,42)
```
#995723
```
#995723 rgb(153,87,35)
```
#a1571b
```
#a1571b rgb(161,87,27)
```
#a85614
```
#a85614 rgb(168,86,20)
```
#af550d
```
#af550d rgb(175,85,13)
```
#b65406
```
#b65406 rgb(182,84,6)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#766456 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#af550d hex color

#af550d Color Information

#af550d Color Conversion

Color Schemes with #af550d

Alternatives to #af550d

#af550d Preview

Shades and Tints of #af550d

Tones of #af550d

Color Blindness Simulator