#af553e hex color

In a RGB color space, hex #af553e is composed of 68.6% red, 33.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 64.6% yellow and 31.4% black. It has a hue angle of 12.2 degrees, a saturation of 47.7% and a lightness of 46.5%. #af553e color hex could be obtained by blending #ffaa7c with #5f0000. Closest websafe color is: #996633.

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

● #af553e color description : Dark moderate red.

The hexadecimal color #af553e has RGB values of R:175, G:85, B:62 and CMYK values of C:0, M:0.51, Y:0.65, K:0.31. Its decimal value is 11490622.

Hex triplet	af553e	`#af553e`
RGB Decimal	175, 85, 62	`rgb(175,85,62)`
RGB Percent	68.6, 33.3, 24.3	`rgb(68.6%,33.3%,24.3%)`
CMYK	0, 51, 65, 31
HSL	12.2°, 47.7, 46.5	`hsl(12.2,47.7%,46.5%)`
HSV (or HSB)	12.2°, 64.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.923, 34.833, 30.363
XYZ	21.798, 15.961, 6.49
xyY	0.493, 0.361, 15.961
CIE-LCH	46.923, 46.208, 41.078
CIE-LUV	46.923, 68.811, 26.502
Hunter-Lab	39.951, 27.479, 18.334
Binary	10101111, 01010101, 00111110

#af553e
```
#af553e rgb(175,85,62)
```
#3e98af
```
#3e98af rgb(62,152,175)
```

Complementary Color

#af3e5f
```
#af3e5f rgb(175,62,95)
```
#af553e
```
#af553e rgb(175,85,62)
```
#af8e3e
```
#af8e3e rgb(175,142,62)
```

Analogous Color

#3e5faf
```
#3e5faf rgb(62,95,175)
```
#af553e
```
#af553e rgb(175,85,62)
```
#3eaf8e
```
#3eaf8e rgb(62,175,142)
```

Split Complementary Color

#553eaf
```
#553eaf rgb(85,62,175)
```
#af553e
```
#af553e rgb(175,85,62)
```
#3eaf55
```
#3eaf55 rgb(62,175,85)
```

Triadic Color

#af3e98
```
#af3e98 rgb(175,62,152)
```
#af553e
```
#af553e rgb(175,85,62)
```
#3eaf55
```
#3eaf55 rgb(62,175,85)
```
#3e98af
```
#3e98af rgb(62,152,175)
```

Tetradic Color

#773a2a
```
#773a2a rgb(119,58,42)
```
#894331
```
#894331 rgb(137,67,49)
```
#9c4c37
```
#9c4c37 rgb(156,76,55)
```
#af553e
```
#af553e rgb(175,85,62)
```
#be6048
```
#be6048 rgb(190,96,72)
```
#c5715b
```
#c5715b rgb(197,113,91)
```
#cc816e
```
#cc816e rgb(204,129,110)
```

Monochromatic Color

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

#af3e43
```
#af3e43 rgb(175,62,67)
```
#af423e
```
#af423e rgb(175,66,62)
```
#af4c3e
```
#af4c3e rgb(175,76,62)
```
#af553e
```
#af553e rgb(175,85,62)
```
#af5e3e
```
#af5e3e rgb(175,94,62)
```
#af683e
```
#af683e rgb(175,104,62)
```
#af713e
```
#af713e rgb(175,113,62)
```

Similar Colors

Text with hexadecimal color #af553e

This text has a font color of #af553e.

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

#af553e background color

This paragraph has a background color of #af553e.

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

#af553e border color

This element has a border color of #af553e.

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

CSS codes

.text {color:#af553e;}

.background {background-color:#af553e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100806
```
#100806 rgb(16,8,6)
```
#1e0f0b
```
#1e0f0b rgb(30,15,11)
```
#2d1610
```
#2d1610 rgb(45,22,16)
```
#3b1d15
```
#3b1d15 rgb(59,29,21)
```
#4a241a
```
#4a241a rgb(74,36,26)
```
#582b1f
```
#582b1f rgb(88,43,31)
```
#673224
```
#673224 rgb(103,50,36)
```
#753929
```
#753929 rgb(117,57,41)
```
#84402f
```
#84402f rgb(132,64,47)
```
#924734
```
#924734 rgb(146,71,52)
```
#a14e39
```
#a14e39 rgb(161,78,57)
```
#af553e
```
#af553e rgb(175,85,62)
```

Shade Color Variation

#bd5c44
```
#bd5c44 rgb(189,92,68)
```
#c26952
```
#c26952 rgb(194,105,82)
```
#c77661
```
#c77661 rgb(199,118,97)
```
#cc826f
```
#cc826f rgb(204,130,111)
```
#d18f7e
```
#d18f7e rgb(209,143,126)
```
#d69b8c
```
#d69b8c rgb(214,155,140)
```
#dca89b
```
#dca89b rgb(220,168,155)
```
#e1b5a9
```
#e1b5a9 rgb(225,181,169)
```
#e6c1b8
```
#e6c1b8 rgb(230,193,184)
```
#ebcec6
```
#ebcec6 rgb(235,206,198)
```
#f0dad5
```
#f0dad5 rgb(240,218,213)
```
#f5e7e3
```
#f5e7e3 rgb(245,231,227)
```
#faf3f2
```
#faf3f2 rgb(250,243,242)
```

Tint Color Variation

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

#787575
```
#787575 rgb(120,117,117)
```
#81706c
```
#81706c rgb(129,112,108)
```
#8b6b62
```
#8b6b62 rgb(139,107,98)
```
#946559
```
#946559 rgb(148,101,89)
```
#9d6050
```
#9d6050 rgb(157,96,80)
```
#a65a47
```
#a65a47 rgb(166,90,71)
```
#af553e
```
#af553e rgb(175,85,62)
```
#b85035
```
#b85035 rgb(184,80,53)
```
#c14a2c
```
#c14a2c rgb(193,74,44)
```
#ca4523
```
#ca4523 rgb(202,69,35)
```
#d33f1a
```
#d33f1a rgb(211,63,26)
```
#dd3a10
```
#dd3a10 rgb(221,58,16)
```
#e63507
```
#e63507 rgb(230,53,7)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7a6864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807650 Protanopia 1% of men
#907142 Deuteranopia 1% of men
#b45a60 Tritanopia 0.001% of the population

Trichromacy

#916a49 Protanomaly 1% of men, 0.01% of women
#9b6741 Deuteranomaly 6% of men, 0.4% of women
#b25853 Tritanomaly 0.01% of the population

#af553e hex color

#af553e Color Information

#af553e Color Conversion

Color Schemes with #af553e

Alternatives to #af553e

#af553e Preview

Shades and Tints of #af553e

Tones of #af553e

Color Blindness Simulator