#af5b6b hex color

In a RGB color space, hex #af5b6b is composed of 68.6% red, 35.7% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 38.9% yellow and 31.4% black. It has a hue angle of 348.6 degrees, a saturation of 34.4% and a lightness of 52.2%. #af5b6b color hex could be obtained by blending #ffb6d6 with #5f0000. Closest websafe color is: #996666.

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

● #af5b6b color description : Dark moderate red.

The hexadecimal color #af5b6b has RGB values of R:175, G:91, B:107 and CMYK values of C:0, M:0.48, Y:0.39, K:0.31. Its decimal value is 11492203.

Hex triplet	af5b6b	`#af5b6b`
RGB Decimal	175, 91, 107	`rgb(175,91,107)`
RGB Percent	68.6, 35.7, 42	`rgb(68.6%,35.7%,42%)`
CMYK	0, 48, 39, 31
HSL	348.6°, 34.4, 52.2	`hsl(348.6,34.4%,52.2%)`
HSV (or HSB)	348.6°, 48, 68.6
Web Safe	996666	`#996666`

CIE-LAB	49.08, 35.837, 6.558
XYZ	24.074, 17.659, 16.05
xyY	0.417, 0.306, 17.659
CIE-LCH	49.08, 36.432, 10.37
CIE-LUV	49.08, 56.028, 1.99
Hunter-Lab	42.023, 28.72, 6.772
Binary	10101111, 01011011, 01101011

#af5b6b
```
#af5b6b rgb(175,91,107)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```

Complementary Color

#af5b95
```
#af5b95 rgb(175,91,149)
```
#af5b6b
```
#af5b6b rgb(175,91,107)
```
#af755b
```
#af755b rgb(175,117,91)
```

Analogous Color

#5b95af
```
#5b95af rgb(91,149,175)
```
#af5b6b
```
#af5b6b rgb(175,91,107)
```
#5baf75
```
#5baf75 rgb(91,175,117)
```

Split Complementary Color

#5b6baf
```
#5b6baf rgb(91,107,175)
```
#af5b6b
```
#af5b6b rgb(175,91,107)
```
#6baf5b
```
#6baf5b rgb(107,175,91)
```

Triadic Color

#9f5baf
```
#9f5baf rgb(159,91,175)
```
#af5b6b
```
#af5b6b rgb(175,91,107)
```
#6baf5b
```
#6baf5b rgb(107,175,91)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```

Tetradic Color

#7f3e4b
```
#7f3e4b rgb(127,62,75)
```
#914655
```
#914655 rgb(145,70,85)
```
#a24f5f
```
#a24f5f rgb(162,79,95)
```
#af5b6b
```
#af5b6b rgb(175,91,107)
```
#b76c7a
```
#b76c7a rgb(183,108,122)
```
#c07d8a
```
#c07d8a rgb(192,125,138)
```
#c88e99
```
#c88e99 rgb(200,142,153)
```

Monochromatic Color

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

#af5b80
```
#af5b80 rgb(175,91,128)
```
#af5b79
```
#af5b79 rgb(175,91,121)
```
#af5b72
```
#af5b72 rgb(175,91,114)
```
#af5b6b
```
#af5b6b rgb(175,91,107)
```
#af5b64
```
#af5b64 rgb(175,91,100)
```
#af5b5d
```
#af5b5d rgb(175,91,93)
```
#af605b
```
#af605b rgb(175,96,91)
```

Similar Colors

Text with hexadecimal color #af5b6b

This text has a font color of #af5b6b.

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

#af5b6b background color

This paragraph has a background color of #af5b6b.

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

#af5b6b border color

This element has a border color of #af5b6b.

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

CSS codes

.text {color:#af5b6b;}

.background {background-color:#af5b6b;}

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

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

#070404
```
#070404 rgb(7,4,4)
```
#150a0c
```
#150a0c rgb(21,10,12)
```
#221014
```
#221014 rgb(34,16,20)
```
#2f171b
```
#2f171b rgb(47,23,27)
```
#3c1d23
```
#3c1d23 rgb(60,29,35)
```
#49242b
```
#49242b rgb(73,36,43)
```
#562a33
```
#562a33 rgb(86,42,51)
```
#64313a
```
#64313a rgb(100,49,58)
```
#713742
```
#713742 rgb(113,55,66)
```
#7e3d4a
```
#7e3d4a rgb(126,61,74)
```
#8b4452
```
#8b4452 rgb(139,68,82)
```
#984a59
```
#984a59 rgb(152,74,89)
```
#a65161
```
#a65161 rgb(166,81,97)
```

Shade Color Variation

#af5b6b
```
#af5b6b rgb(175,91,107)
```
#b56877
```
#b56877 rgb(181,104,119)
```
#bc7583
```
#bc7583 rgb(188,117,131)
```
#c2838f
```
#c2838f rgb(194,131,143)
```
#c9909b
```
#c9909b rgb(201,144,155)
```
#cf9da6
```
#cf9da6 rgb(207,157,166)
```
#d6aab2
```
#d6aab2 rgb(214,170,178)
```
#dcb7be
```
#dcb7be rgb(220,183,190)
```
#e2c4ca
```
#e2c4ca rgb(226,196,202)
```
#e9d2d6
```
#e9d2d6 rgb(233,210,214)
```
#efdfe2
```
#efdfe2 rgb(239,223,226)
```
#f6ecee
```
#f6ecee rgb(246,236,238)
```
#fcf9fa
```
#fcf9fa rgb(252,249,250)
```

Tint Color Variation

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

#898182
```
#898182 rgb(137,129,130)
```
#93777c
```
#93777c rgb(147,119,124)
```
#9c6e77
```
#9c6e77 rgb(156,110,119)
```
#a66471
```
#a66471 rgb(166,100,113)
```
#af5b6b
```
#af5b6b rgb(175,91,107)
```
#b85265
```
#b85265 rgb(184,82,101)
```
#c2485f
```
#c2485f rgb(194,72,95)
```
#cb3f5a
```
#cb3f5a rgb(203,63,90)
```
#d53554
```
#d53554 rgb(213,53,84)
```
#de2c4e
```
#de2c4e rgb(222,44,78)
```
#e72348
```
#e72348 rgb(231,35,72)
```
#f11942
```
#f11942 rgb(241,25,66)
```
#fa103d
```
#fa103d rgb(250,16,61)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#817174 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7b7e Protanopia 1% of men
#8c776d Deuteranopia 1% of men
#b2646b Tritanopia 0.001% of the population

Trichromacy

#8f6f77 Protanomaly 1% of men, 0.01% of women
#996d6c Deuteranomaly 6% of men, 0.4% of women
#b1616b Tritanomaly 0.01% of the population

#af5b6b hex color

#af5b6b Color Information

#af5b6b Color Conversion

Color Schemes with #af5b6b

Alternatives to #af5b6b

#af5b6b Preview

Shades and Tints of #af5b6b

Tones of #af5b6b

Color Blindness Simulator