#af475d hex color

In a RGB color space, hex #af475d is composed of 68.6% red, 27.8% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.4% magenta, 46.9% yellow and 31.4% black. It has a hue angle of 347.3 degrees, a saturation of 42.3% and a lightness of 48.2%. #af475d color hex could be obtained by blending #ff8eba with #5f0000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 69
- G 28
- B 36
RGB color chart
- C 0
- M 59
- Y 47
- K 31
CMYK color chart

● #af475d color description : Dark moderate red.

The hexadecimal color #af475d has RGB values of R:175, G:71, B:93 and CMYK values of C:0, M:0.59, Y:0.47, K:0.31. Its decimal value is 11487069.

Hex triplet	af475d	`#af475d`
RGB Decimal	175, 71, 93	`rgb(175,71,93)`
RGB Percent	68.6, 27.8, 36.5	`rgb(68.6%,27.8%,36.5%)`
CMYK	0, 59, 47, 31
HSL	347.3°, 42.3, 48.2	`hsl(347.3,42.3%,48.2%)`
HSV (or HSB)	347.3°, 59.4, 68.6
Web Safe	993366	`#993366`

CIE-LAB	44.819, 44.419, 9.015
XYZ	21.909, 14.413, 11.984
xyY	0.454, 0.298, 14.413
CIE-LCH	44.819, 45.324, 11.473
CIE-LUV	44.819, 71.046, 2.906
Hunter-Lab	37.964, 36.573, 7.86
Binary	10101111, 01000111, 01011101

#af475d
```
#af475d rgb(175,71,93)
```
#47af99
```
#47af99 rgb(71,175,153)
```

Complementary Color

#af4791
```
#af4791 rgb(175,71,145)
```
#af475d
```
#af475d rgb(175,71,93)
```
#af6547
```
#af6547 rgb(175,101,71)
```

Analogous Color

#4791af
```
#4791af rgb(71,145,175)
```
#af475d
```
#af475d rgb(175,71,93)
```
#47af65
```
#47af65 rgb(71,175,101)
```

Split Complementary Color

#475daf
```
#475daf rgb(71,93,175)
```
#af475d
```
#af475d rgb(175,71,93)
```
#5daf47
```
#5daf47 rgb(93,175,71)
```

Triadic Color

#9947af
```
#9947af rgb(153,71,175)
```
#af475d
```
#af475d rgb(175,71,93)
```
#5daf47
```
#5daf47 rgb(93,175,71)
```
#47af99
```
#47af99 rgb(71,175,153)
```

Tetradic Color

#793140
```
#793140 rgb(121,49,64)
```
#8b384a
```
#8b384a rgb(139,56,74)
```
#9d4053
```
#9d4053 rgb(157,64,83)
```
#af475d
```
#af475d rgb(175,71,93)
```
#ba556b
```
#ba556b rgb(186,85,107)
```
#c2677b
```
#c2677b rgb(194,103,123)
```
#c97a8a
```
#c97a8a rgb(201,122,138)
```

Monochromatic Color

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

#af4777
```
#af4777 rgb(175,71,119)
```
#af476e
```
#af476e rgb(175,71,110)
```
#af4766
```
#af4766 rgb(175,71,102)
```
#af475d
```
#af475d rgb(175,71,93)
```
#af4754
```
#af4754 rgb(175,71,84)
```
#af474c
```
#af474c rgb(175,71,76)
```
#af4b47
```
#af4b47 rgb(175,75,71)
```

Similar Colors

Text with hexadecimal color #af475d

This text has a font color of #af475d.

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

#af475d background color

This paragraph has a background color of #af475d.

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

#af475d border color

This element has a border color of #af475d.

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

CSS codes

.text {color:#af475d;}

.background {background-color:#af475d;}

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

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

#080304
```
#080304 rgb(8,3,4)
```
#16090b
```
#16090b rgb(22,9,11)
```
#230e13
```
#230e13 rgb(35,14,19)
```
#31141a
```
#31141a rgb(49,20,26)
```
#3f1a22
```
#3f1a22 rgb(63,26,34)
```
#4d1f29
```
#4d1f29 rgb(77,31,41)
```
#5b2531
```
#5b2531 rgb(91,37,49)
```
#692b38
```
#692b38 rgb(105,43,56)
```
#77303f
```
#77303f rgb(119,48,63)
```
#853647
```
#853647 rgb(133,54,71)
```
#933c4e
```
#933c4e rgb(147,60,78)
```
#a14156
```
#a14156 rgb(161,65,86)
```
#af475d
```
#af475d rgb(175,71,93)
```

Shade Color Variation

#b85167
```
#b85167 rgb(184,81,103)
```
#be5f73
```
#be5f73 rgb(190,95,115)
```
#c46d7f
```
#c46d7f rgb(196,109,127)
```
#c97b8c
```
#c97b8c rgb(201,123,140)
```
#cf8998
```
#cf8998 rgb(207,137,152)
```
#d597a4
```
#d597a4 rgb(213,151,164)
```
#daa5b0
```
#daa5b0 rgb(218,165,176)
```
#e0b3bc
```
#e0b3bc rgb(224,179,188)
```
#e6c1c9
```
#e6c1c9 rgb(230,193,201)
```
#ebcfd5
```
#ebcfd5 rgb(235,207,213)
```
#f1dde1
```
#f1dde1 rgb(241,221,225)
```
#f7ebed
```
#f7ebed rgb(247,235,237)
```
#fcf9f9
```
#fcf9f9 rgb(252,249,249)
```

Tint Color Variation

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

#807678
```
#807678 rgb(128,118,120)
```
#896d73
```
#896d73 rgb(137,109,115)
```
#93636d
```
#93636d rgb(147,99,109)
```
#9c5a68
```
#9c5a68 rgb(156,90,104)
```
#a65062
```
#a65062 rgb(166,80,98)
```
#af475d
```
#af475d rgb(175,71,93)
```
#b83e58
```
#b83e58 rgb(184,62,88)
```
#c23452
```
#c23452 rgb(194,52,82)
```
#cb2b4d
```
#cb2b4d rgb(203,43,77)
```
#d52147
```
#d52147 rgb(213,33,71)
```
#de1842
```
#de1842 rgb(222,24,66)
```
#e80e3c
```
#e80e3c rgb(232,14,60)
```
#f10537
```
#f10537 rgb(241,5,55)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#776267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727175 Protanopia 1% of men
#836d5e Deuteranopia 1% of men
#b25358 Tritanopia 0.001% of the population

Trichromacy

#88616c Protanomaly 1% of men, 0.01% of women
#935f5e Deuteranomaly 6% of men, 0.4% of women
#b14e59 Tritanomaly 0.01% of the population

#af475d hex color

#af475d Color Information

#af475d Color Conversion

Color Schemes with #af475d

Alternatives to #af475d

#af475d Preview

Shades and Tints of #af475d

Tones of #af475d

Color Blindness Simulator