#af3c6a hex color

In a RGB color space, hex #af3c6a is composed of 68.6% red, 23.5% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 39.4% yellow and 31.4% black. It has a hue angle of 336 degrees, a saturation of 48.9% and a lightness of 46.1%. #af3c6a color hex could be obtained by blending #ff78d4 with #5f0000. Closest websafe color is: #993366.

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

● #af3c6a color description : Dark moderate pink.

The hexadecimal color #af3c6a has RGB values of R:175, G:60, B:106 and CMYK values of C:0, M:0.66, Y:0.39, K:0.31. Its decimal value is 11484266.

Hex triplet	af3c6a	`#af3c6a`
RGB Decimal	175, 60, 106	`rgb(175,60,106)`
RGB Percent	68.6, 23.5, 41.6	`rgb(68.6%,23.5%,41.6%)`
CMYK	0, 66, 39, 31
HSL	336°, 48.9, 46.1	`hsl(336,48.9%,46.1%)`
HSV (or HSB)	336°, 65.7, 68.6
Web Safe	993366	`#993366`

CIE-LAB	43.343, 50.728, -1.13
XYZ	21.897, 13.388, 15.066
xyY	0.435, 0.266, 13.388
CIE-LCH	43.343, 50.741, 358.724
CIE-LUV	43.343, 72.73, -10.477
Hunter-Lab	36.59, 42.789, 1.2
Binary	10101111, 00111100, 01101010

#af3c6a
```
#af3c6a rgb(175,60,106)
```
#3caf81
```
#3caf81 rgb(60,175,129)
```

Complementary Color

#af3ca4
```
#af3ca4 rgb(175,60,164)
```
#af3c6a
```
#af3c6a rgb(175,60,106)
```
#af483c
```
#af483c rgb(175,72,60)
```

Analogous Color

#3ca4af
```
#3ca4af rgb(60,164,175)
```
#af3c6a
```
#af3c6a rgb(175,60,106)
```
#3caf48
```
#3caf48 rgb(60,175,72)
```

Split Complementary Color

#3c6aaf
```
#3c6aaf rgb(60,106,175)
```
#af3c6a
```
#af3c6a rgb(175,60,106)
```
#6aaf3c
```
#6aaf3c rgb(106,175,60)
```

Triadic Color

#813caf
```
#813caf rgb(129,60,175)
```
#af3c6a
```
#af3c6a rgb(175,60,106)
```
#6aaf3c
```
#6aaf3c rgb(106,175,60)
```
#3caf81
```
#3caf81 rgb(60,175,129)
```

Tetradic Color

#762847
```
#762847 rgb(118,40,71)
```
#892f53
```
#892f53 rgb(137,47,83)
```
#9c355e
```
#9c355e rgb(156,53,94)
```
#af3c6a
```
#af3c6a rgb(175,60,106)
```
#bf4576
```
#bf4576 rgb(191,69,118)
```
#c65884
```
#c65884 rgb(198,88,132)
```
#cc6b92
```
#cc6b92 rgb(204,107,146)
```

Monochromatic Color

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

#af3c87
```
#af3c87 rgb(175,60,135)
```
#af3c7d
```
#af3c7d rgb(175,60,125)
```
#af3c74
```
#af3c74 rgb(175,60,116)
```
#af3c6a
```
#af3c6a rgb(175,60,106)
```
#af3c60
```
#af3c60 rgb(175,60,96)
```
#af3c57
```
#af3c57 rgb(175,60,87)
```
#af3c4d
```
#af3c4d rgb(175,60,77)
```

Similar Colors

Text with hexadecimal color #af3c6a

This text has a font color of #af3c6a.

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

#af3c6a background color

This paragraph has a background color of #af3c6a.

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

#af3c6a border color

This element has a border color of #af3c6a.

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

CSS codes

.text {color:#af3c6a;}

.background {background-color:#af3c6a;}

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

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

#0e0509
```
#0e0509 rgb(14,5,9)
```
#1d0a12
```
#1d0a12 rgb(29,10,18)
```
#2c0f1a
```
#2c0f1a rgb(44,15,26)
```
#3a1423
```
#3a1423 rgb(58,20,35)
```
#49192c
```
#49192c rgb(73,25,44)
```
#571e35
```
#571e35 rgb(87,30,53)
```
#66233e
```
#66233e rgb(102,35,62)
```
#752847
```
#752847 rgb(117,40,71)
```
#832d4f
```
#832d4f rgb(131,45,79)
```
#923258
```
#923258 rgb(146,50,88)
```
#a03761
```
#a03761 rgb(160,55,97)
```
#af3c6a
```
#af3c6a rgb(175,60,106)
```
#be4173
```
#be4173 rgb(190,65,115)
```

Shade Color Variation

#c34f7e
```
#c34f7e rgb(195,79,126)
```
#c85e88
```
#c85e88 rgb(200,94,136)
```
#cd6d93
```
#cd6d93 rgb(205,109,147)
```
#d27b9e
```
#d27b9e rgb(210,123,158)
```
#d78aa9
```
#d78aa9 rgb(215,138,169)
```
#dc98b3
```
#dc98b3 rgb(220,152,179)
```
#e1a7be
```
#e1a7be rgb(225,167,190)
```
#e6b6c9
```
#e6b6c9 rgb(230,182,201)
```
#ebc4d4
```
#ebc4d4 rgb(235,196,212)
```
#f0d3de
```
#f0d3de rgb(240,211,222)
```
#f5e1e9
```
#f5e1e9 rgb(245,225,233)
```
#faf0f4
```
#faf0f4 rgb(250,240,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797275
```
#797275 rgb(121,114,117)
```
#826973
```
#826973 rgb(130,105,115)
```
#8b6071
```
#8b6071 rgb(139,96,113)
```
#94576f
```
#94576f rgb(148,87,111)
```
#9d4e6e
```
#9d4e6e rgb(157,78,110)
```
#a6456c
```
#a6456c rgb(166,69,108)
```
#af3c6a
```
#af3c6a rgb(175,60,106)
```
#b83368
```
#b83368 rgb(184,51,104)
```
#c12a66
```
#c12a66 rgb(193,42,102)
```
#ca2165
```
#ca2165 rgb(202,33,101)
```
#d31863
```
#d31863 rgb(211,24,99)
```
#dc0f61
```
#dc0f61 rgb(220,15,97)
```
#e5065f
```
#e5065f rgb(229,6,95)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#735c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676d86 Protanopia 1% of men
#7a6a69 Deuteranopia 1% of men
#b04d51 Tritanopia 0.001% of the population

Trichromacy

#815b7c Protanomaly 1% of men, 0.01% of women
#8d5969 Deuteranomaly 6% of men, 0.4% of women
#b0475a Tritanomaly 0.01% of the population

#af3c6a hex color

#af3c6a Color Information

#af3c6a Color Conversion

Color Schemes with #af3c6a

Alternatives to #af3c6a

#af3c6a Preview

Shades and Tints of #af3c6a

Tones of #af3c6a

Color Blindness Simulator