#af554c hex color

In a RGB color space, hex #af554c is composed of 68.6% red, 33.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 56.6% yellow and 31.4% black. It has a hue angle of 5.5 degrees, a saturation of 39.4% and a lightness of 49.2%. #af554c color hex could be obtained by blending #ffaa98 with #5f0000. Closest websafe color is: #996633.

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

● #af554c color description : Dark moderate red.

The hexadecimal color #af554c has RGB values of R:175, G:85, B:76 and CMYK values of C:0, M:0.51, Y:0.57, K:0.31. Its decimal value is 11490636.

Hex triplet	af554c	`#af554c`
RGB Decimal	175, 85, 76	`rgb(175,85,76)`
RGB Percent	68.6, 33.3, 29.8	`rgb(68.6%,33.3%,29.8%)`
CMYK	0, 51, 57, 31
HSL	5.5°, 39.4, 49.2	`hsl(5.5,39.4%,49.2%)`
HSV (or HSB)	5.5°, 56.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	47.151, 35.873, 22.473
XYZ	22.233, 16.135, 8.781
xyY	0.472, 0.342, 16.135
CIE-LCH	47.151, 42.331, 32.066
CIE-LUV	47.151, 66.317, 19.229
Hunter-Lab	40.168, 28.505, 15.157
Binary	10101111, 01010101, 01001100

#af554c
```
#af554c rgb(175,85,76)
```
#4ca6af
```
#4ca6af rgb(76,166,175)
```

Complementary Color

#af4c75
```
#af4c75 rgb(175,76,117)
```
#af554c
```
#af554c rgb(175,85,76)
```
#af874c
```
#af874c rgb(175,135,76)
```

Analogous Color

#4c75af
```
#4c75af rgb(76,117,175)
```
#af554c
```
#af554c rgb(175,85,76)
```
#4caf87
```
#4caf87 rgb(76,175,135)
```

Split Complementary Color

#554caf
```
#554caf rgb(85,76,175)
```
#af554c
```
#af554c rgb(175,85,76)
```
#4caf55
```
#4caf55 rgb(76,175,85)
```

Triadic Color

#af4ca6
```
#af4ca6 rgb(175,76,166)
```
#af554c
```
#af554c rgb(175,85,76)
```
#4caf55
```
#4caf55 rgb(76,175,85)
```
#4ca6af
```
#4ca6af rgb(76,166,175)
```

Tetradic Color

#7a3b35
```
#7a3b35 rgb(122,59,53)
```
#8b443d
```
#8b443d rgb(139,68,61)
```
#9d4c44
```
#9d4c44 rgb(157,76,68)
```
#af554c
```
#af554c rgb(175,85,76)
```
#b8655c
```
#b8655c rgb(184,101,92)
```
#c0756e
```
#c0756e rgb(192,117,110)
```
#c88680
```
#c88680 rgb(200,134,128)
```

Monochromatic Color

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

#af4c5c
```
#af4c5c rgb(175,76,92)
```
#af4c53
```
#af4c53 rgb(175,76,83)
```
#af4d4c
```
#af4d4c rgb(175,77,76)
```
#af554c
```
#af554c rgb(175,85,76)
```
#af5d4c
```
#af5d4c rgb(175,93,76)
```
#af664c
```
#af664c rgb(175,102,76)
```
#af6e4c
```
#af6e4c rgb(175,110,76)
```

Similar Colors

Text with hexadecimal color #af554c

This text has a font color of #af554c.

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

#af554c background color

This paragraph has a background color of #af554c.

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

#af554c border color

This element has a border color of #af554c.

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

CSS codes

.text {color:#af554c;}

.background {background-color:#af554c;}

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

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

#0b0505
```
#0b0505 rgb(11,5,5)
```
#190c0b
```
#190c0b rgb(25,12,11)
```
#261311
```
#261311 rgb(38,19,17)
```
#341917
```
#341917 rgb(52,25,23)
```
#42201c
```
#42201c rgb(66,32,28)
```
#4f2722
```
#4f2722 rgb(79,39,34)
```
#5d2d28
```
#5d2d28 rgb(93,45,40)
```
#6b342e
```
#6b342e rgb(107,52,46)
```
#783a34
```
#783a34 rgb(120,58,52)
```
#86413a
```
#86413a rgb(134,65,58)
```
#944840
```
#944840 rgb(148,72,64)
```
#a14e46
```
#a14e46 rgb(161,78,70)
```
#af554c
```
#af554c rgb(175,85,76)
```

Shade Color Variation

#b76158
```
#b76158 rgb(183,97,88)
```
#bc6e66
```
#bc6e66 rgb(188,110,102)
```
#c27b73
```
#c27b73 rgb(194,123,115)
```
#c88881
```
#c88881 rgb(200,136,129)
```
#ce958f
```
#ce958f rgb(206,149,143)
```
#d4a29c
```
#d4a29c rgb(212,162,156)
```
#daafaa
```
#daafaa rgb(218,175,170)
```
#e0bbb8
```
#e0bbb8 rgb(224,187,184)
```
#e6c8c6
```
#e6c8c6 rgb(230,200,198)
```
#ecd5d3
```
#ecd5d3 rgb(236,213,211)
```
#f2e2e1
```
#f2e2e1 rgb(242,226,225)
```
#f8efef
```
#f8efef rgb(248,239,239)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7f7c7c
```
#7f7c7c rgb(127,124,124)
```
#887573
```
#887573 rgb(136,117,115)
```
#926d69
```
#926d69 rgb(146,109,105)
```
#9c655f
```
#9c655f rgb(156,101,95)
```
#a55d56
```
#a55d56 rgb(165,93,86)
```
#af554c
```
#af554c rgb(175,85,76)
```
#b94d42
```
#b94d42 rgb(185,77,66)
```
#c24539
```
#c24539 rgb(194,69,57)
```
#cc3d2f
```
#cc3d2f rgb(204,61,47)
```
#d63525
```
#d63525 rgb(214,53,37)
```
#df2e1c
```
#df2e1c rgb(223,46,28)
```
#e92612
```
#e92612 rgb(233,38,18)
```
#f31e08
```
#f31e08 rgb(243,30,8)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e775f Protanopia 1% of men
#8e7250 Deuteranopia 1% of men
#b45b61 Tritanopia 0.001% of the population

Trichromacy

#906a58 Protanomaly 1% of men, 0.01% of women
#9a674e Deuteranomaly 6% of men, 0.4% of women
#b25959 Tritanomaly 0.01% of the population

#af554c hex color

#af554c Color Information

#af554c Color Conversion

Color Schemes with #af554c

Alternatives to #af554c

#af554c Preview

Shades and Tints of #af554c

Tones of #af554c

Color Blindness Simulator