#af386a hex color

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

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

● #af386a color description : Dark moderate pink.

The hexadecimal color #af386a has RGB values of R:175, G:56, B:106 and CMYK values of C:0, M:0.68, Y:0.39, K:0.31. Its decimal value is 11483242.

Hex triplet	af386a	`#af386a`
RGB Decimal	175, 56, 106	`rgb(175,56,106)`
RGB Percent	68.6, 22, 41.6	`rgb(68.6%,22%,41.6%)`
CMYK	0, 68, 39, 31
HSL	334.8°, 51.5, 45.3	`hsl(334.8,51.5%,45.3%)`
HSV (or HSB)	334.8°, 68, 68.6
Web Safe	993366	`#993366`

CIE-LAB	42.741, 52.379, -2.014
XYZ	21.695, 12.985, 14.999
xyY	0.437, 0.261, 12.985
CIE-LCH	42.741, 52.418, 357.798
CIE-LUV	42.741, 74.489, -11.878
Hunter-Lab	36.035, 44.409, 0.546
Binary	10101111, 00111000, 01101010

#af386a
```
#af386a rgb(175,56,106)
```
#38af7d
```
#38af7d rgb(56,175,125)
```

Complementary Color

#af38a6
```
#af38a6 rgb(175,56,166)
```
#af386a
```
#af386a rgb(175,56,106)
```
#af4238
```
#af4238 rgb(175,66,56)
```

Analogous Color

#38a6af
```
#38a6af rgb(56,166,175)
```
#af386a
```
#af386a rgb(175,56,106)
```
#38af42
```
#38af42 rgb(56,175,66)
```

Split Complementary Color

#386aaf
```
#386aaf rgb(56,106,175)
```
#af386a
```
#af386a rgb(175,56,106)
```
#6aaf38
```
#6aaf38 rgb(106,175,56)
```

Triadic Color

#7d38af
```
#7d38af rgb(125,56,175)
```
#af386a
```
#af386a rgb(175,56,106)
```
#6aaf38
```
#6aaf38 rgb(106,175,56)
```
#38af7d
```
#38af7d rgb(56,175,125)
```

Tetradic Color

#752547
```
#752547 rgb(117,37,71)
```
#882c53
```
#882c53 rgb(136,44,83)
```
#9c325e
```
#9c325e rgb(156,50,94)
```
#af386a
```
#af386a rgb(175,56,106)
```
#c23f76
```
#c23f76 rgb(194,63,118)
```
#c85284
```
#c85284 rgb(200,82,132)
```
#ce6691
```
#ce6691 rgb(206,102,145)
```

Monochromatic Color

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

#af3888
```
#af3888 rgb(175,56,136)
```
#af387e
```
#af387e rgb(175,56,126)
```
#af3874
```
#af3874 rgb(175,56,116)
```
#af386a
```
#af386a rgb(175,56,106)
```
#af3860
```
#af3860 rgb(175,56,96)
```
#af3856
```
#af3856 rgb(175,56,86)
```
#af384c
```
#af384c rgb(175,56,76)
```

Similar Colors

Text with hexadecimal color #af386a

This text has a font color of #af386a.

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

#af386a background color

This paragraph has a background color of #af386a.

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

#af386a border color

This element has a border color of #af386a.

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

CSS codes

.text {color:#af386a;}

.background {background-color:#af386a;}

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

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

#0c0407
```
#0c0407 rgb(12,4,7)
```
#1a0810
```
#1a0810 rgb(26,8,16)
```
#290d19
```
#290d19 rgb(41,13,25)
```
#381222
```
#381222 rgb(56,18,34)
```
#47172b
```
#47172b rgb(71,23,43)
```
#561b34
```
#561b34 rgb(86,27,52)
```
#65203d
```
#65203d rgb(101,32,61)
```
#742546
```
#742546 rgb(116,37,70)
```
#822a4f
```
#822a4f rgb(130,42,79)
```
#912e58
```
#912e58 rgb(145,46,88)
```
#a03361
```
#a03361 rgb(160,51,97)
```
#af386a
```
#af386a rgb(175,56,106)
```
#be3d73
```
#be3d73 rgb(190,61,115)
```

Shade Color Variation

#c5497d
```
#c5497d rgb(197,73,125)
```
#ca5888
```
#ca5888 rgb(202,88,136)
```
#ce6792
```
#ce6792 rgb(206,103,146)
```
#d3769d
```
#d3769d rgb(211,118,157)
```
#d885a8
```
#d885a8 rgb(216,133,168)
```
#dd94b2
```
#dd94b2 rgb(221,148,178)
```
#e1a3bd
```
#e1a3bd rgb(225,163,189)
```
#e6b1c8
```
#e6b1c8 rgb(230,177,200)
```
#ebc0d2
```
#ebc0d2 rgb(235,192,210)
```
#f0cfdd
```
#f0cfdd rgb(240,207,221)
```
#f4dee7
```
#f4dee7 rgb(244,222,231)
```
#f9edf2
```
#f9edf2 rgb(249,237,242)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#7a6d73
```
#7a6d73 rgb(122,109,115)
```
#836471
```
#836471 rgb(131,100,113)
```
#8b5c70
```
#8b5c70 rgb(139,92,112)
```
#94536e
```
#94536e rgb(148,83,110)
```
#9d4a6d
```
#9d4a6d rgb(157,74,109)
```
#a6416b
```
#a6416b rgb(166,65,107)
```
#af386a
```
#af386a rgb(175,56,106)
```
#b82f69
```
#b82f69 rgb(184,47,105)
```
#c12667
```
#c12667 rgb(193,38,103)
```
#ca1d66
```
#ca1d66 rgb(202,29,102)
```
#d31464
```
#d31464 rgb(211,20,100)
```
#db0c63
```
#db0c63 rgb(219,12,99)
```
#e40361
```
#e40361 rgb(228,3,97)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#715963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656b88 Protanopia 1% of men
#786969 Deuteranopia 1% of men
#b04a4e Tritanopia 0.001% of the population

Trichromacy

#80587d Protanomaly 1% of men, 0.01% of women
#8c5769 Deuteranomaly 6% of men, 0.4% of women
#af4358 Tritanomaly 0.01% of the population

#af386a hex color

#af386a Color Information

#af386a Color Conversion

Color Schemes with #af386a

Alternatives to #af386a

#af386a Preview

Shades and Tints of #af386a

Tones of #af386a

Color Blindness Simulator