#af384e hex color

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

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

● #af384e color description : Dark moderate red.

The hexadecimal color #af384e has RGB values of R:175, G:56, B:78 and CMYK values of C:0, M:0.68, Y:0.55, K:0.31. Its decimal value is 11483214.

Hex triplet	af384e	`#af384e`
RGB Decimal	175, 56, 78	`rgb(175,56,78)`
RGB Percent	68.6, 22, 30.6	`rgb(68.6%,22%,30.6%)`
CMYK	0, 68, 55, 31
HSL	348.9°, 51.5, 45.3	`hsl(348.9,51.5%,45.3%)`
HSV (or HSB)	348.9°, 68, 68.6
Web Safe	993366	`#993366`

CIE-LAB	41.991, 49.739, 14.371
XYZ	20.469, 12.494, 8.541
xyY	0.493, 0.301, 12.494
CIE-LCH	41.991, 51.774, 16.115
CIE-LUV	41.991, 83.409, 7.222
Hunter-Lab	35.348, 41.508, 10.417
Binary	10101111, 00111000, 01001110

#af384e
```
#af384e rgb(175,56,78)
```
#38af99
```
#38af99 rgb(56,175,153)
```

Complementary Color

#af388a
```
#af388a rgb(175,56,138)
```
#af384e
```
#af384e rgb(175,56,78)
```
#af5e38
```
#af5e38 rgb(175,94,56)
```

Analogous Color

#388aaf
```
#388aaf rgb(56,138,175)
```
#af384e
```
#af384e rgb(175,56,78)
```
#38af5e
```
#38af5e rgb(56,175,94)
```

Split Complementary Color

#384eaf
```
#384eaf rgb(56,78,175)
```
#af384e
```
#af384e rgb(175,56,78)
```
#4eaf38
```
#4eaf38 rgb(78,175,56)
```

Triadic Color

#9938af
```
#9938af rgb(153,56,175)
```
#af384e
```
#af384e rgb(175,56,78)
```
#4eaf38
```
#4eaf38 rgb(78,175,56)
```
#38af99
```
#38af99 rgb(56,175,153)
```

Tetradic Color

#752534
```
#752534 rgb(117,37,52)
```
#882c3d
```
#882c3d rgb(136,44,61)
```
#9c3245
```
#9c3245 rgb(156,50,69)
```
#af384e
```
#af384e rgb(175,56,78)
```
#c23f57
```
#c23f57 rgb(194,63,87)
```
#c85268
```
#c85268 rgb(200,82,104)
```
#ce6679
```
#ce6679 rgb(206,102,121)
```

Monochromatic Color

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

#af386c
```
#af386c rgb(175,56,108)
```
#af3862
```
#af3862 rgb(175,56,98)
```
#af3858
```
#af3858 rgb(175,56,88)
```
#af384e
```
#af384e rgb(175,56,78)
```
#af3844
```
#af3844 rgb(175,56,68)
```
#af383a
```
#af383a rgb(175,56,58)
```
#af4038
```
#af4038 rgb(175,64,56)
```

Similar Colors

Text with hexadecimal color #af384e

This text has a font color of #af384e.

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

#af384e background color

This paragraph has a background color of #af384e.

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

#af384e border color

This element has a border color of #af384e.

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

CSS codes

.text {color:#af384e;}

.background {background-color:#af384e;}

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

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)
```
#471720
```
#471720 rgb(71,23,32)
```
#561b26
```
#561b26 rgb(86,27,38)
```
#65202d
```
#65202d rgb(101,32,45)
```
#742534
```
#742534 rgb(116,37,52)
```
#822a3a
```
#822a3a rgb(130,42,58)
```
#912e41
```
#912e41 rgb(145,46,65)
```
#a03347
```
#a03347 rgb(160,51,71)
```
#af384e
```
#af384e rgb(175,56,78)
```
#be3d55
```
#be3d55 rgb(190,61,85)
```

Shade Color Variation

#c54960
```
#c54960 rgb(197,73,96)
```
#ca586d
```
#ca586d rgb(202,88,109)
```
#ce677a
```
#ce677a rgb(206,103,122)
```
#d37687
```
#d37687 rgb(211,118,135)
```
#d88594
```
#d88594 rgb(216,133,148)
```
#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, #7a6d70 is the less saturated color, while #e4032c is the most saturated one.

#7a6d70
```
#7a6d70 rgb(122,109,112)
```
#83646a
```
#83646a rgb(131,100,106)
```
#8b5c64
```
#8b5c64 rgb(139,92,100)
```
#94535f
```
#94535f rgb(148,83,95)
```
#9d4a59
```
#9d4a59 rgb(157,74,89)
```
#a64154
```
#a64154 rgb(166,65,84)
```
#af384e
```
#af384e rgb(175,56,78)
```
#b82f48
```
#b82f48 rgb(184,47,72)
```
#c12643
```
#c12643 rgb(193,38,67)
```
#ca1d3d
```
#ca1d3d rgb(202,29,61)
```
#d31438
```
#d31438 rgb(211,20,56)
```
#db0c32
```
#db0c32 rgb(219,12,50)
```
#e4032c
```
#e4032c rgb(228,3,44)
```

Tone Color Variation

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

#6d6a68 Protanopia 1% of men
#7e674f Deuteranopia 1% of men
#b24548 Tritanopia 0.001% of the population

Trichromacy

#85585f Protanomaly 1% of men, 0.01% of women
#8f554f Deuteranomaly 6% of men, 0.4% of women
#b1404a Tritanomaly 0.01% of the population

#af384e hex color

#af384e Color Information

#af384e Color Conversion

Color Schemes with #af384e

Alternatives to #af384e

#af384e Preview

Shades and Tints of #af384e

Tones of #af384e

Color Blindness Simulator