#af4c60 hex color

In a RGB color space, hex #af4c60 is composed of 68.6% red, 29.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.6% magenta, 45.1% yellow and 31.4% black. It has a hue angle of 347.9 degrees, a saturation of 39.4% and a lightness of 49.2%. #af4c60 color hex could be obtained by blending #ff98c0 with #5f0000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 69
- G 30
- B 38
RGB color chart
- C 0
- M 57
- Y 45
- K 31
CMYK color chart

● #af4c60 color description : Dark moderate red.

The hexadecimal color #af4c60 has RGB values of R:175, G:76, B:96 and CMYK values of C:0, M:0.57, Y:0.45, K:0.31. Its decimal value is 11488352.

Hex triplet	af4c60	`#af4c60`
RGB Decimal	175, 76, 96	`rgb(175,76,96)`
RGB Percent	68.6, 29.8, 37.6	`rgb(68.6%,29.8%,37.6%)`
CMYK	0, 57, 45, 31
HSL	347.9°, 39.4, 49.2	`hsl(347.9,39.4%,49.2%)`
HSV (or HSB)	347.9°, 56.6, 68.6
Web Safe	993366	`#993366`

CIE-LAB	45.811, 42.306, 8.576
XYZ	22.375, 15.129, 12.808
xyY	0.445, 0.301, 15.129
CIE-LCH	45.811, 43.166, 11.46
CIE-LUV	45.811, 67.423, 2.909
Hunter-Lab	38.896, 34.615, 7.705
Binary	10101111, 01001100, 01100000

#af4c60
```
#af4c60 rgb(175,76,96)
```
#4caf9b
```
#4caf9b rgb(76,175,155)
```

Complementary Color

#af4c92
```
#af4c92 rgb(175,76,146)
```
#af4c60
```
#af4c60 rgb(175,76,96)
```
#af6a4c
```
#af6a4c rgb(175,106,76)
```

Analogous Color

#4c92af
```
#4c92af rgb(76,146,175)
```
#af4c60
```
#af4c60 rgb(175,76,96)
```
#4caf6a
```
#4caf6a rgb(76,175,106)
```

Split Complementary Color

#4c60af
```
#4c60af rgb(76,96,175)
```
#af4c60
```
#af4c60 rgb(175,76,96)
```
#60af4c
```
#60af4c rgb(96,175,76)
```

Triadic Color

#9b4caf
```
#9b4caf rgb(155,76,175)
```
#af4c60
```
#af4c60 rgb(175,76,96)
```
#60af4c
```
#60af4c rgb(96,175,76)
```
#4caf9b
```
#4caf9b rgb(76,175,155)
```

Tetradic Color

#7a3543
```
#7a3543 rgb(122,53,67)
```
#8b3d4c
```
#8b3d4c rgb(139,61,76)
```
#9d4456
```
#9d4456 rgb(157,68,86)
```
#af4c60
```
#af4c60 rgb(175,76,96)
```
#b85c6f
```
#b85c6f rgb(184,92,111)
```
#c06e7f
```
#c06e7f rgb(192,110,127)
```
#c8808e
```
#c8808e rgb(200,128,142)
```

Monochromatic Color

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

#af4c79
```
#af4c79 rgb(175,76,121)
```
#af4c71
```
#af4c71 rgb(175,76,113)
```
#af4c68
```
#af4c68 rgb(175,76,104)
```
#af4c60
```
#af4c60 rgb(175,76,96)
```
#af4c58
```
#af4c58 rgb(175,76,88)
```
#af4c50
```
#af4c50 rgb(175,76,80)
```
#af514c
```
#af514c rgb(175,81,76)
```

Similar Colors

Text with hexadecimal color #af4c60

This text has a font color of #af4c60.

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

#af4c60 background color

This paragraph has a background color of #af4c60.

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

#af4c60 border color

This element has a border color of #af4c60.

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

CSS codes

.text {color:#af4c60;}

.background {background-color:#af4c60;}

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

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

#0b0506
```
#0b0506 rgb(11,5,6)
```
#190b0d
```
#190b0d rgb(25,11,13)
```
#261115
```
#261115 rgb(38,17,21)
```
#34171c
```
#34171c rgb(52,23,28)
```
#421c24
```
#421c24 rgb(66,28,36)
```
#4f222b
```
#4f222b rgb(79,34,43)
```
#5d2833
```
#5d2833 rgb(93,40,51)
```
#6b2e3a
```
#6b2e3a rgb(107,46,58)
```
#783442
```
#783442 rgb(120,52,66)
```
#863a49
```
#863a49 rgb(134,58,73)
```
#944051
```
#944051 rgb(148,64,81)
```
#a14658
```
#a14658 rgb(161,70,88)
```
#af4c60
```
#af4c60 rgb(175,76,96)
```

Shade Color Variation

#b7586b
```
#b7586b rgb(183,88,107)
```
#bc6677
```
#bc6677 rgb(188,102,119)
```
#c27383
```
#c27383 rgb(194,115,131)
```
#c88190
```
#c88190 rgb(200,129,144)
```
#ce8f9c
```
#ce8f9c rgb(206,143,156)
```
#d49ca8
```
#d49ca8 rgb(212,156,168)
```
#daaab4
```
#daaab4 rgb(218,170,180)
```
#e0b8c0
```
#e0b8c0 rgb(224,184,192)
```
#e6c6cc
```
#e6c6cc rgb(230,198,204)
```
#ecd3d8
```
#ecd3d8 rgb(236,211,216)
```
#f2e1e4
```
#f2e1e4 rgb(242,225,228)
```
#f8eff0
```
#f8eff0 rgb(248,239,240)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#7f7c7d
```
#7f7c7d rgb(127,124,125)
```
#887377
```
#887377 rgb(136,115,119)
```
#926971
```
#926971 rgb(146,105,113)
```
#9c5f6c
```
#9c5f6c rgb(156,95,108)
```
#a55666
```
#a55666 rgb(165,86,102)
```
#af4c60
```
#af4c60 rgb(175,76,96)
```
#b9425a
```
#b9425a rgb(185,66,90)
```
#c23954
```
#c23954 rgb(194,57,84)
```
#cc2f4f
```
#cc2f4f rgb(204,47,79)
```
#d62549
```
#d62549 rgb(214,37,73)
```
#df1c43
```
#df1c43 rgb(223,28,67)
```
#e9123d
```
#e9123d rgb(233,18,61)
```
#f30838
```
#f30838 rgb(243,8,56)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#79666a Atypical Achromatopsia 0.001% of the population

Dichromacy

#757376 Protanopia 1% of men
#856f61 Deuteranopia 1% of men
#b2575c Tritanopia 0.001% of the population

Trichromacy

#8a656e Protanomaly 1% of men, 0.01% of women
#946261 Deuteranomaly 6% of men, 0.4% of women
#b1535e Tritanomaly 0.01% of the population

#af4c60 hex color

#af4c60 Color Information

#af4c60 Color Conversion

Color Schemes with #af4c60

Alternatives to #af4c60

#af4c60 Preview

Shades and Tints of #af4c60

Tones of #af4c60

Color Blindness Simulator