#af424e hex color

In a RGB color space, hex #af424e is composed of 68.6% red, 25.9% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 55.4% yellow and 31.4% black. It has a hue angle of 353.4 degrees, a saturation of 45.2% and a lightness of 47.3%. #af424e color hex could be obtained by blending #ff849c with #5f0000. Closest websafe color is: #993366.

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

● #af424e color description : Dark moderate red.

The hexadecimal color #af424e has RGB values of R:175, G:66, B:78 and CMYK values of C:0, M:0.62, Y:0.55, K:0.31. Its decimal value is 11485774.

Hex triplet	af424e	`#af424e`
RGB Decimal	175, 66, 78	`rgb(175,66,78)`
RGB Percent	68.6, 25.9, 30.6	`rgb(68.6%,25.9%,30.6%)`
CMYK	0, 62, 55, 31
HSL	353.4°, 45.2, 47.3	`hsl(353.4,45.2%,47.3%)`
HSV (or HSB)	353.4°, 62.3, 68.6
Web Safe	993366	`#993366`

CIE-LAB	43.599, 45.395, 16.551
XYZ	21.003, 13.563, 8.719
xyY	0.485, 0.313, 13.563
CIE-LCH	43.599, 48.318, 20.032
CIE-LUV	43.599, 77.881, 10.626
Hunter-Lab	36.827, 37.354, 11.742
Binary	10101111, 01000010, 01001110

#af424e
```
#af424e rgb(175,66,78)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```

Complementary Color

#af4285
```
#af4285 rgb(175,66,133)
```
#af424e
```
#af424e rgb(175,66,78)
```
#af6d42
```
#af6d42 rgb(175,109,66)
```

Analogous Color

#4285af
```
#4285af rgb(66,133,175)
```
#af424e
```
#af424e rgb(175,66,78)
```
#42af6d
```
#42af6d rgb(66,175,109)
```

Split Complementary Color

#424eaf
```
#424eaf rgb(66,78,175)
```
#af424e
```
#af424e rgb(175,66,78)
```
#4eaf42
```
#4eaf42 rgb(78,175,66)
```

Triadic Color

#a342af
```
#a342af rgb(163,66,175)
```
#af424e
```
#af424e rgb(175,66,78)
```
#4eaf42
```
#4eaf42 rgb(78,175,66)
```
#42afa3
```
#42afa3 rgb(66,175,163)
```

Tetradic Color

#772d35
```
#772d35 rgb(119,45,53)
```
#8a343d
```
#8a343d rgb(138,52,61)
```
#9c3b46
```
#9c3b46 rgb(156,59,70)
```
#af424e
```
#af424e rgb(175,66,78)
```
#bc4e5a
```
#bc4e5a rgb(188,78,90)
```
#c3616c
```
#c3616c rgb(195,97,108)
```
#ca737d
```
#ca737d rgb(202,115,125)
```

Monochromatic Color

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

#af4269
```
#af4269 rgb(175,66,105)
```
#af4260
```
#af4260 rgb(175,66,96)
```
#af4257
```
#af4257 rgb(175,66,87)
```
#af424e
```
#af424e rgb(175,66,78)
```
#af4245
```
#af4245 rgb(175,66,69)
```
#af4842
```
#af4842 rgb(175,72,66)
```
#af5142
```
#af5142 rgb(175,81,66)
```

Similar Colors

Text with hexadecimal color #af424e

This text has a font color of #af424e.

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

#af424e background color

This paragraph has a background color of #af424e.

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

#af424e border color

This element has a border color of #af424e.

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

CSS codes

.text {color:#af424e;}

.background {background-color:#af424e;}

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

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, #040202 is the darkest color, while #fbf5f6 is the lightest one.

#040202
```
#040202 rgb(4,2,2)
```
#120708
```
#120708 rgb(18,7,8)
```
#210c0f
```
#210c0f rgb(33,12,15)
```
#2f1215
```
#2f1215 rgb(47,18,21)
```
#3d171b
```
#3d171b rgb(61,23,27)
```
#4b1c22
```
#4b1c22 rgb(75,28,34)
```
#5a2228
```
#5a2228 rgb(90,34,40)
```
#68272e
```
#68272e rgb(104,39,46)
```
#762d35
```
#762d35 rgb(118,45,53)
```
#84323b
```
#84323b rgb(132,50,59)
```
#933741
```
#933741 rgb(147,55,65)
```
#a13d48
```
#a13d48 rgb(161,61,72)
```
#af424e
```
#af424e rgb(175,66,78)
```

Shade Color Variation

#bb4a56
```
#bb4a56 rgb(187,74,86)
```
#c05864
```
#c05864 rgb(192,88,100)
```
#c56671
```
#c56671 rgb(197,102,113)
```
#cb757e
```
#cb757e rgb(203,117,126)
```
#d0838b
```
#d0838b rgb(208,131,139)
```
#d69199
```
#d69199 rgb(214,145,153)
```
#db9fa6
```
#db9fa6 rgb(219,159,166)
```
#e0aeb3
```
#e0aeb3 rgb(224,174,179)
```
#e6bcc0
```
#e6bcc0 rgb(230,188,192)
```
#ebcace
```
#ebcace rgb(235,202,206)
```
#f0d8db
```
#f0d8db rgb(240,216,219)
```
#f6e7e8
```
#f6e7e8 rgb(246,231,232)
```
#fbf5f6
```
#fbf5f6 rgb(251,245,246)
```

Tint Color Variation

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

#817072
```
#817072 rgb(129,112,114)
```
#8a676b
```
#8a676b rgb(138,103,107)
```
#935e64
```
#935e64 rgb(147,94,100)
```
#9c555c
```
#9c555c rgb(156,85,92)
```
#a64b55
```
#a64b55 rgb(166,75,85)
```
#af424e
```
#af424e rgb(175,66,78)
```
#b83947
```
#b83947 rgb(184,57,71)
```
#c22f40
```
#c22f40 rgb(194,47,64)
```
#cb2638
```
#cb2638 rgb(203,38,56)
```
#d41d31
```
#d41d31 rgb(212,29,49)
```
#dd142a
```
#dd142a rgb(221,20,42)
```
#e70a23
```
#e70a23 rgb(231,10,35)
```
#f0011b
```
#f0011b rgb(240,1,27)
```

Tone Color Variation

Below, you can see how #af424e 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
#735d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726e66 Protanopia 1% of men
#836a50 Deuteranopia 1% of men
#b24c51 Tritanopia 0.001% of the population

Trichromacy

#885e5d Protanomaly 1% of men, 0.01% of women
#935b4f Deuteranomaly 6% of men, 0.4% of women
#b14850 Tritanomaly 0.01% of the population

#af424e hex color

#af424e Color Information

#af424e Color Conversion

Color Schemes with #af424e

Alternatives to #af424e

#af424e Preview

Shades and Tints of #af424e

Tones of #af424e

Color Blindness Simulator