#af384d hex color

In a RGB color space, hex #af384d is composed of 68.6% red, 22% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 56% yellow and 31.4% black. It has a hue angle of 349.4 degrees, a saturation of 51.5% and a lightness of 45.3%. #af384d color hex could be obtained by blending #ff709a with #5f0000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 69
- G 22
- B 30
RGB color chart
- C 0
- M 68
- Y 56
- K 31
CMYK color chart

● #af384d color description : Dark moderate red.

The hexadecimal color #af384d has RGB values of R:175, G:56, B:77 and CMYK values of C:0, M:0.68, Y:0.56, K:0.31. Its decimal value is 11483213.

Hex triplet	af384d	`#af384d`
RGB Decimal	175, 56, 77	`rgb(175,56,77)`
RGB Percent	68.6, 22, 30.2	`rgb(68.6%,22%,30.2%)`
CMYK	0, 68, 56, 31
HSL	349.4°, 51.5, 45.3	`hsl(349.4,51.5%,45.3%)`
HSV (or HSB)	349.4°, 68, 68.6
Web Safe	993366	`#993366`

CIE-LAB	41.969, 49.661, 14.963
XYZ	20.434, 12.48, 8.354
xyY	0.495, 0.302, 12.48
CIE-LCH	41.969, 51.866, 16.768
CIE-LUV	41.969, 83.699, 7.834
Hunter-Lab	35.327, 41.423, 10.709
Binary	10101111, 00111000, 01001101

#af384d
```
#af384d rgb(175,56,77)
```
#38af9a
```
#38af9a rgb(56,175,154)
```

Complementary Color

#af3889
```
#af3889 rgb(175,56,137)
```
#af384d
```
#af384d rgb(175,56,77)
```
#af5f38
```
#af5f38 rgb(175,95,56)
```

Analogous Color

#3889af
```
#3889af rgb(56,137,175)
```
#af384d
```
#af384d rgb(175,56,77)
```
#38af5f
```
#38af5f rgb(56,175,95)
```

Split Complementary Color

#384daf
```
#384daf rgb(56,77,175)
```
#af384d
```
#af384d rgb(175,56,77)
```
#4daf38
```
#4daf38 rgb(77,175,56)
```

Triadic Color

#9a38af
```
#9a38af rgb(154,56,175)
```
#af384d
```
#af384d rgb(175,56,77)
```
#4daf38
```
#4daf38 rgb(77,175,56)
```
#38af9a
```
#38af9a rgb(56,175,154)
```

Tetradic Color

#752534
```
#752534 rgb(117,37,52)
```
#882c3c
```
#882c3c rgb(136,44,60)
```
#9c3245
```
#9c3245 rgb(156,50,69)
```
#af384d
```
#af384d rgb(175,56,77)
```
#c23f56
```
#c23f56 rgb(194,63,86)
```
#c85267
```
#c85267 rgb(200,82,103)
```
#ce6678
```
#ce6678 rgb(206,102,120)
```

Monochromatic Color

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

#af386b
```
#af386b rgb(175,56,107)
```
#af3861
```
#af3861 rgb(175,56,97)
```
#af3857
```
#af3857 rgb(175,56,87)
```
#af384d
```
#af384d rgb(175,56,77)
```
#af3843
```
#af3843 rgb(175,56,67)
```
#af3839
```
#af3839 rgb(175,56,57)
```
#af4138
```
#af4138 rgb(175,65,56)
```

Similar Colors

Text with hexadecimal color #af384d

This text has a font color of #af384d.

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

#af384d background color

This paragraph has a background color of #af384d.

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

#af384d border color

This element has a border color of #af384d.

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

CSS codes

.text {color:#af384d;}

.background {background-color:#af384d;}

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

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

#0c0405
```
#0c0405 rgb(12,4,5)
```
#1a080c
```
#1a080c rgb(26,8,12)
```
#290d12
```
#290d12 rgb(41,13,18)
```
#381219
```
#381219 rgb(56,18,25)
```
#47171f
```
#47171f rgb(71,23,31)
```
#561b26
```
#561b26 rgb(86,27,38)
```
#65202c
```
#65202c rgb(101,32,44)
```
#742533
```
#742533 rgb(116,37,51)
```
#822a39
```
#822a39 rgb(130,42,57)
```
#912e40
```
#912e40 rgb(145,46,64)
```
#a03346
```
#a03346 rgb(160,51,70)
```
#af384d
```
#af384d rgb(175,56,77)
```
#be3d54
```
#be3d54 rgb(190,61,84)
```

Shade Color Variation

#c5495f
```
#c5495f rgb(197,73,95)
```
#ca586c
```
#ca586c rgb(202,88,108)
```
#ce6779
```
#ce6779 rgb(206,103,121)
```
#d37686
```
#d37686 rgb(211,118,134)
```
#d88593
```
#d88593 rgb(216,133,147)
```
#dd94a1
```
#dd94a1 rgb(221,148,161)
```
#e1a3ae
```
#e1a3ae rgb(225,163,174)
```
#e6b1bb
```
#e6b1bb rgb(230,177,187)
```
#ebc0c8
```
#ebc0c8 rgb(235,192,200)
```
#f0cfd5
```
#f0cfd5 rgb(240,207,213)
```
#f4dee2
```
#f4dee2 rgb(244,222,226)
```
#f9edef
```
#f9edef rgb(249,237,239)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7a6d6f
```
#7a6d6f rgb(122,109,111)
```
#83646a
```
#83646a rgb(131,100,106)
```
#8b5c64
```
#8b5c64 rgb(139,92,100)
```
#94535e
```
#94535e rgb(148,83,94)
```
#9d4a58
```
#9d4a58 rgb(157,74,88)
```
#a64153
```
#a64153 rgb(166,65,83)
```
#af384d
```
#af384d rgb(175,56,77)
```
#b82f47
```
#b82f47 rgb(184,47,71)
```
#c12642
```
#c12642 rgb(193,38,66)
```
#ca1d3c
```
#ca1d3c rgb(202,29,60)
```
#d31436
```
#d31436 rgb(211,20,54)
```
#db0c30
```
#db0c30 rgb(219,12,48)
```
#e4032b
```
#e4032b rgb(228,3,43)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e565b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6a67 Protanopia 1% of men
#7e664e Deuteranopia 1% of men
#b24448 Tritanopia 0.001% of the population

Trichromacy

#85585d Protanomaly 1% of men, 0.01% of women
#90554e Deuteranomaly 6% of men, 0.4% of women
#b1404a Tritanomaly 0.01% of the population

#af384d hex color

#af384d Color Information

#af384d Color Conversion

Color Schemes with #af384d

Alternatives to #af384d

#af384d Preview

Shades and Tints of #af384d

Tones of #af384d

Color Blindness Simulator