colorhexa.com

#af156b hex color

In a RGB color space, hex #af156b is composed of 68.6% red, 8.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88% magenta, 38.9% yellow and 31.4% black. It has a hue angle of 326.5 degrees, a saturation of 78.6% and a lightness of 38.4%. #af156b color hex could be obtained by blending #ff2ad6 with #5f0000. Closest websafe color is: #990066.

- R 69
- G 8
- B 42
RGB color chart
- C 0
- M 88
- Y 39
- K 31
CMYK color chart

● #af156b color description : Dark pink.

The hexadecimal color #af156b has RGB values of R:175, G:21, B:107 and CMYK values of C:0, M:0.88, Y:0.39, K:0.31. Its decimal value is 11474283.

Hex triplet	af156b	`#af156b`
RGB Decimal	175, 21, 107	`rgb(175,21,107)`
RGB Percent	68.6, 8.2, 42	`rgb(68.6%,8.2%,42%)`
CMYK	0, 88, 39, 31
HSL	326.5°, 78.6, 38.4	`hsl(326.5,78.6%,38.4%)`
HSV (or HSB)	326.5°, 88, 68.6
Web Safe	990066	`#990066`

CIE-LAB	39.095, 62.872, -8.055
XYZ	20.602, 10.714, 14.892
xyY	0.446, 0.232, 10.714
CIE-LCH	39.095, 63.386, 352.699
CIE-LUV	39.095, 84.778, -21.168
Hunter-Lab	32.732, 55.067, -4.063
Binary	10101111, 00010101, 01101011

#af156b
```
#af156b rgb(175,21,107)
```
#15af59
```
#15af59 rgb(21,175,89)
```

Complementary Color

#a615af
```
#a615af rgb(166,21,175)
```
#af156b
```
#af156b rgb(175,21,107)
```
#af151e
```
#af151e rgb(175,21,30)
```

Analogous Color

#15afa6
```
#15afa6 rgb(21,175,166)
```
#af156b
```
#af156b rgb(175,21,107)
```
#1eaf15
```
#1eaf15 rgb(30,175,21)
```

Split Complementary Color

#156baf
```
#156baf rgb(21,107,175)
```
#af156b
```
#af156b rgb(175,21,107)
```
#6baf15
```
#6baf15 rgb(107,175,21)
```

Triadic Color

#5915af
```
#5915af rgb(89,21,175)
```
#af156b
```
#af156b rgb(175,21,107)
```
#6baf15
```
#6baf15 rgb(107,175,21)
```
#15af59
```
#15af59 rgb(21,175,89)
```

Tetradic Color

#6b0d41
```
#6b0d41 rgb(107,13,65)
```
#81104f
```
#81104f rgb(129,16,79)
```
#98125d
```
#98125d rgb(152,18,93)
```
#af156b
```
#af156b rgb(175,21,107)
```
#c61879
```
#c61879 rgb(198,24,121)
```
#dd1a87
```
#dd1a87 rgb(221,26,135)
```
#e62b93
```
#e62b93 rgb(230,43,147)
```

Monochromatic Color

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

#af1592
```
#af1592 rgb(175,21,146)
```
#af1585
```
#af1585 rgb(175,21,133)
```
#af1578
```
#af1578 rgb(175,21,120)
```
#af156b
```
#af156b rgb(175,21,107)
```
#af155e
```
#af155e rgb(175,21,94)
```
#af1551
```
#af1551 rgb(175,21,81)
```
#af1545
```
#af1545 rgb(175,21,69)
```

Similar Colors

Text with hexadecimal color #af156b

This text has a font color of #af156b.

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

#af156b background color

This paragraph has a background color of #af156b.

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

#af156b border color

This element has a border color of #af156b.

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

CSS codes

.text {color:#af156b;}

.background {background-color:#af156b;}

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

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

#11020b
```
#11020b rgb(17,2,11)
```
#230415
```
#230415 rgb(35,4,21)
```
#340620
```
#340620 rgb(52,6,32)
```
#46082b
```
#46082b rgb(70,8,43)
```
#570a35
```
#570a35 rgb(87,10,53)
```
#690d40
```
#690d40 rgb(105,13,64)
```
#7a0f4b
```
#7a0f4b rgb(122,15,75)
```
#8c1156
```
#8c1156 rgb(140,17,86)
```
#9d1360
```
#9d1360 rgb(157,19,96)
```
#af156b
```
#af156b rgb(175,21,107)
```
#c11776
```
#c11776 rgb(193,23,118)
```
#d21980
```
#d21980 rgb(210,25,128)
```
#e41b8b
```
#e41b8b rgb(228,27,139)
```

Shade Color Variation

#e62d94
```
#e62d94 rgb(230,45,148)
```
#e83e9d
```
#e83e9d rgb(232,62,157)
```
#ea50a6
```
#ea50a6 rgb(234,80,166)
```
#ec61af
```
#ec61af rgb(236,97,175)
```
#ee73b8
```
#ee73b8 rgb(238,115,184)
```
#f084c1
```
#f084c1 rgb(240,132,193)
```
#f296c9
```
#f296c9 rgb(242,150,201)
```
#f4a7d2
```
#f4a7d2 rgb(244,167,210)
```
#f7b9db
```
#f7b9db rgb(247,185,219)
```
#f9cae4
```
#f9cae4 rgb(249,202,228)
```
#fbdced
```
#fbdced rgb(251,220,237)
```
#fdedf6
```
#fdedf6 rgb(253,237,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#646062
```
#646062 rgb(100,96,98)
```
#6b5963
```
#6b5963 rgb(107,89,99)
```
#735164
```
#735164 rgb(115,81,100)
```
#7a4a65
```
#7a4a65 rgb(122,74,101)
```
#824266
```
#824266 rgb(130,66,102)
```
#893b67
```
#893b67 rgb(137,59,103)
```
#913367
```
#913367 rgb(145,51,103)
```
#982c68
```
#982c68 rgb(152,44,104)
```
#a02469
```
#a02469 rgb(160,36,105)
```
#a71d6a
```
#a71d6a rgb(167,29,106)
```
#af156b
```
#af156b rgb(175,21,107)
```
#b70d6c
```
#b70d6c rgb(183,13,108)
```
#be066d
```
#be066d rgb(190,6,109)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#614253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506295 Protanopia 1% of men
#6c6167 Deuteranopia 1% of men
#af3739 Tritanopia 0.001% of the population

Trichromacy

#734685 Protanomaly 1% of men, 0.01% of women
#844568 Deuteranomaly 6% of men, 0.4% of women
#af2a4b Tritanomaly 0.01% of the population