#af384a hex color

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

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

● #af384a color description : Dark moderate red.

The hexadecimal color #af384a has RGB values of R:175, G:56, B:74 and CMYK values of C:0, M:0.68, Y:0.58, K:0.31. Its decimal value is 11483210.

Hex triplet	af384a	`#af384a`
RGB Decimal	175, 56, 74	`rgb(175,56,74)`
RGB Percent	68.6, 22, 29	`rgb(68.6%,22%,29%)`
CMYK	0, 68, 58, 31
HSL	350.9°, 51.5, 45.3	`hsl(350.9,51.5%,45.3%)`
HSV (or HSB)	350.9°, 68, 68.6
Web Safe	993333	`#993333`

CIE-LAB	41.905, 49.431, 16.743
XYZ	20.33, 12.439, 7.809
xyY	0.501, 0.307, 12.439
CIE-LCH	41.905, 52.189, 18.712
CIE-LUV	41.905, 84.552, 9.635
Hunter-Lab	35.269, 41.173, 11.561
Binary	10101111, 00111000, 01001010

#af384a
```
#af384a rgb(175,56,74)
```
#38af9d
```
#38af9d rgb(56,175,157)
```

Complementary Color

#af3886
```
#af3886 rgb(175,56,134)
```
#af384a
```
#af384a rgb(175,56,74)
```
#af6238
```
#af6238 rgb(175,98,56)
```

Analogous Color

#3886af
```
#3886af rgb(56,134,175)
```
#af384a
```
#af384a rgb(175,56,74)
```
#38af62
```
#38af62 rgb(56,175,98)
```

Split Complementary Color

#384aaf
```
#384aaf rgb(56,74,175)
```
#af384a
```
#af384a rgb(175,56,74)
```
#4aaf38
```
#4aaf38 rgb(74,175,56)
```

Triadic Color

#9d38af
```
#9d38af rgb(157,56,175)
```
#af384a
```
#af384a rgb(175,56,74)
```
#4aaf38
```
#4aaf38 rgb(74,175,56)
```
#38af9d
```
#38af9d rgb(56,175,157)
```

Tetradic Color

#752531
```
#752531 rgb(117,37,49)
```
#882c3a
```
#882c3a rgb(136,44,58)
```
#9c3242
```
#9c3242 rgb(156,50,66)
```
#af384a
```
#af384a rgb(175,56,74)
```
#c23f53
```
#c23f53 rgb(194,63,83)
```
#c85264
```
#c85264 rgb(200,82,100)
```
#ce6675
```
#ce6675 rgb(206,102,117)
```

Monochromatic Color

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

#af3868
```
#af3868 rgb(175,56,104)
```
#af385e
```
#af385e rgb(175,56,94)
```
#af3854
```
#af3854 rgb(175,56,84)
```
#af384a
```
#af384a rgb(175,56,74)
```
#af3840
```
#af3840 rgb(175,56,64)
```
#af3a38
```
#af3a38 rgb(175,58,56)
```
#af4438
```
#af4438 rgb(175,68,56)
```

Similar Colors

Text with hexadecimal color #af384a

This text has a font color of #af384a.

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

#af384a background color

This paragraph has a background color of #af384a.

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

#af384a border color

This element has a border color of #af384a.

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

CSS codes

.text {color:#af384a;}

.background {background-color:#af384a;}

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

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)
```
#1a080b
```
#1a080b rgb(26,8,11)
```
#290d11
```
#290d11 rgb(41,13,17)
```
#381218
```
#381218 rgb(56,18,24)
```
#47171e
```
#47171e rgb(71,23,30)
```
#561b24
```
#561b24 rgb(86,27,36)
```
#65202b
```
#65202b rgb(101,32,43)
```
#742531
```
#742531 rgb(116,37,49)
```
#822a37
```
#822a37 rgb(130,42,55)
```
#912e3d
```
#912e3d rgb(145,46,61)
```
#a03344
```
#a03344 rgb(160,51,68)
```
#af384a
```
#af384a rgb(175,56,74)
```
#be3d50
```
#be3d50 rgb(190,61,80)
```

Shade Color Variation

#c5495c
```
#c5495c rgb(197,73,92)
```
#ca5869
```
#ca5869 rgb(202,88,105)
```
#ce6777
```
#ce6777 rgb(206,103,119)
```
#d37684
```
#d37684 rgb(211,118,132)
```
#d88591
```
#d88591 rgb(216,133,145)
```
#dd949f
```
#dd949f rgb(221,148,159)
```
#e1a3ac
```
#e1a3ac rgb(225,163,172)
```
#e6b1b9
```
#e6b1b9 rgb(230,177,185)
```
#ebc0c7
```
#ebc0c7 rgb(235,192,199)
```
#f0cfd4
```
#f0cfd4 rgb(240,207,212)
```
#f4dee1
```
#f4dee1 rgb(244,222,225)
```
#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 #e40325 is the most saturated one.

#7a6d6f
```
#7a6d6f rgb(122,109,111)
```
#836469
```
#836469 rgb(131,100,105)
```
#8b5c63
```
#8b5c63 rgb(139,92,99)
```
#94535d
```
#94535d rgb(148,83,93)
```
#9d4a56
```
#9d4a56 rgb(157,74,86)
```
#a64150
```
#a64150 rgb(166,65,80)
```
#af384a
```
#af384a rgb(175,56,74)
```
#b82f44
```
#b82f44 rgb(184,47,68)
```
#c1263e
```
#c1263e rgb(193,38,62)
```
#ca1d37
```
#ca1d37 rgb(202,29,55)
```
#d31431
```
#d31431 rgb(211,20,49)
```
#db0c2b
```
#db0c2b rgb(219,12,43)
```
#e40325
```
#e40325 rgb(228,3,37)
```

Tone Color Variation

Below, you can see how #af384a 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
#6e565a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6a64 Protanopia 1% of men
#7e664b Deuteranopia 1% of men
#b24448 Tritanopia 0.001% of the population

Trichromacy

#85585a Protanomaly 1% of men, 0.01% of women
#90554b Deuteranomaly 6% of men, 0.4% of women
#b13f48 Tritanomaly 0.01% of the population

#af384a hex color

#af384a Color Information

#af384a Color Conversion

Color Schemes with #af384a

Alternatives to #af384a

#af384a Preview

Shades and Tints of #af384a

Tones of #af384a

Color Blindness Simulator