#af374f hex color

In a RGB color space, hex #af374f is composed of 68.6% red, 21.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 54.9% yellow and 31.4% black. It has a hue angle of 348 degrees, a saturation of 52.2% and a lightness of 45.1%. #af374f color hex could be obtained by blending #ff6e9e with #5f0000. Closest websafe color is: #993366.

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

● #af374f color description : Dark moderate red.

The hexadecimal color #af374f has RGB values of R:175, G:55, B:79 and CMYK values of C:0, M:0.69, Y:0.55, K:0.31. Its decimal value is 11482959.

Hex triplet	af374f	`#af374f`
RGB Decimal	175, 55, 79	`rgb(175,55,79)`
RGB Percent	68.6, 21.6, 31	`rgb(68.6%,21.6%,31%)`
CMYK	0, 69, 55, 31
HSL	348°, 52.2, 45.1	`hsl(348,52.2%,45.1%)`
HSV (or HSB)	348°, 68.6, 68.6
Web Safe	993366	`#993366`

CIE-LAB	41.865, 50.226, 13.574
XYZ	20.457, 12.413, 8.715
xyY	0.492, 0.298, 12.413
CIE-LCH	41.865, 52.028, 15.124
CIE-LUV	41.865, 83.631, 6.286
Hunter-Lab	35.232, 41.989, 9.996
Binary	10101111, 00110111, 01001111

#af374f
```
#af374f rgb(175,55,79)
```
#37af97
```
#37af97 rgb(55,175,151)
```

Complementary Color

#af378b
```
#af378b rgb(175,55,139)
```
#af374f
```
#af374f rgb(175,55,79)
```
#af5b37
```
#af5b37 rgb(175,91,55)
```

Analogous Color

#378baf
```
#378baf rgb(55,139,175)
```
#af374f
```
#af374f rgb(175,55,79)
```
#37af5b
```
#37af5b rgb(55,175,91)
```

Split Complementary Color

#374faf
```
#374faf rgb(55,79,175)
```
#af374f
```
#af374f rgb(175,55,79)
```
#4faf37
```
#4faf37 rgb(79,175,55)
```

Triadic Color

#9737af
```
#9737af rgb(151,55,175)
```
#af374f
```
#af374f rgb(175,55,79)
```
#4faf37
```
#4faf37 rgb(79,175,55)
```
#37af97
```
#37af97 rgb(55,175,151)
```

Tetradic Color

#752535
```
#752535 rgb(117,37,53)
```
#882b3d
```
#882b3d rgb(136,43,61)
```
#9c3146
```
#9c3146 rgb(156,49,70)
```
#af374f
```
#af374f rgb(175,55,79)
```
#c23d58
```
#c23d58 rgb(194,61,88)
```
#c85169
```
#c85169 rgb(200,81,105)
```
#ce6479
```
#ce6479 rgb(206,100,121)
```

Monochromatic Color

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

#af376d
```
#af376d rgb(175,55,109)
```
#af3763
```
#af3763 rgb(175,55,99)
```
#af3759
```
#af3759 rgb(175,55,89)
```
#af374f
```
#af374f rgb(175,55,79)
```
#af3745
```
#af3745 rgb(175,55,69)
```
#af373b
```
#af373b rgb(175,55,59)
```
#af3d37
```
#af3d37 rgb(175,61,55)
```

Similar Colors

Text with hexadecimal color #af374f

This text has a font color of #af374f.

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

#af374f background color

This paragraph has a background color of #af374f.

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

#af374f border color

This element has a border color of #af374f.

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

CSS codes

.text {color:#af374f;}

.background {background-color:#af374f;}

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

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

#0b0305
```
#0b0305 rgb(11,3,5)
```
#1a080c
```
#1a080c rgb(26,8,12)
```
#290d12
```
#290d12 rgb(41,13,18)
```
#381119
```
#381119 rgb(56,17,25)
```
#471620
```
#471620 rgb(71,22,32)
```
#551b27
```
#551b27 rgb(85,27,39)
```
#64202d
```
#64202d rgb(100,32,45)
```
#732434
```
#732434 rgb(115,36,52)
```
#82293b
```
#82293b rgb(130,41,59)
```
#912e42
```
#912e42 rgb(145,46,66)
```
#a03248
```
#a03248 rgb(160,50,72)
```
#af374f
```
#af374f rgb(175,55,79)
```
#be3c56
```
#be3c56 rgb(190,60,86)
```

Shade Color Variation

#c54861
```
#c54861 rgb(197,72,97)
```
#ca576e
```
#ca576e rgb(202,87,110)
```
#cf667b
```
#cf667b rgb(207,102,123)
```
#d37588
```
#d37588 rgb(211,117,136)
```
#d88494
```
#d88494 rgb(216,132,148)
```
#dd92a1
```
#dd92a1 rgb(221,146,161)
```
#e2a1ae
```
#e2a1ae rgb(226,161,174)
```
#e6b0bb
```
#e6b0bb rgb(230,176,187)
```
#ebbfc8
```
#ebbfc8 rgb(235,191,200)
```
#f0ced5
```
#f0ced5 rgb(240,206,213)
```
#f4dde2
```
#f4dde2 rgb(244,221,226)
```
#f9ecef
```
#f9ecef rgb(249,236,239)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#7a6c6f
```
#7a6c6f rgb(122,108,111)
```
#83636a
```
#83636a rgb(131,99,106)
```
#8c5a64
```
#8c5a64 rgb(140,90,100)
```
#94525f
```
#94525f rgb(148,82,95)
```
#9d495a
```
#9d495a rgb(157,73,90)
```
#a64054
```
#a64054 rgb(166,64,84)
```
#af374f
```
#af374f rgb(175,55,79)
```
#b82e4a
```
#b82e4a rgb(184,46,74)
```
#c12544
```
#c12544 rgb(193,37,68)
```
#ca1c3f
```
#ca1c3f rgb(202,28,63)
```
#d2143a
```
#d2143a rgb(210,20,58)
```
#db0b34
```
#db0b34 rgb(219,11,52)
```
#e4022f
```
#e4022f rgb(228,2,47)
```

Tone Color Variation

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

Dichromacy

#6c6a6a Protanopia 1% of men
#7d6650 Deuteranopia 1% of men
#b24448 Tritanopia 0.001% of the population

Trichromacy

#845760 Protanomaly 1% of men, 0.01% of women
#8f554f Deuteranomaly 6% of men, 0.4% of women
#b13f4a Tritanomaly 0.01% of the population

#af374f hex color

#af374f Color Information

#af374f Color Conversion

Color Schemes with #af374f

Alternatives to #af374f

#af374f Preview

Shades and Tints of #af374f

Tones of #af374f

Color Blindness Simulator