#af2b7a hex color

In a RGB color space, hex #af2b7a is composed of 68.6% red, 16.9% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.4% magenta, 30.3% yellow and 31.4% black. It has a hue angle of 324.1 degrees, a saturation of 60.6% and a lightness of 42.7%. #af2b7a color hex could be obtained by blending #ff56f4 with #5f0000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 69
- G 17
- B 48
RGB color chart
- C 0
- M 75
- Y 30
- K 31
CMYK color chart

● #af2b7a color description : Dark pink.

The hexadecimal color #af2b7a has RGB values of R:175, G:43, B:122 and CMYK values of C:0, M:0.75, Y:0.3, K:0.31. Its decimal value is 11479930.

Hex triplet	af2b7a	`#af2b7a`
RGB Decimal	175, 43, 122	`rgb(175,43,122)`
RGB Percent	68.6, 16.9, 47.8	`rgb(68.6%,16.9%,47.8%)`
CMYK	0, 75, 30, 31
HSL	324.1°, 60.6, 42.7	`hsl(324.1,60.6%,42.7%)`
HSV (or HSB)	324.1°, 75.4, 68.6
Web Safe	993366	`#993366`

CIE-LAB	41.609, 58.942, -13.628
XYZ	22.056, 12.249, 19.614
xyY	0.409, 0.227, 12.249
CIE-LCH	41.609, 60.497, 346.982
CIE-LUV	41.609, 73.32, -27.996
Hunter-Lab	34.998, 51.245, -8.729
Binary	10101111, 00101011, 01111010

#af2b7a
```
#af2b7a rgb(175,43,122)
```
#2baf60
```
#2baf60 rgb(43,175,96)
```

Complementary Color

#a22baf
```
#a22baf rgb(162,43,175)
```
#af2b7a
```
#af2b7a rgb(175,43,122)
```
#af2b38
```
#af2b38 rgb(175,43,56)
```

Analogous Color

#2bafa2
```
#2bafa2 rgb(43,175,162)
```
#af2b7a
```
#af2b7a rgb(175,43,122)
```
#38af2b
```
#38af2b rgb(56,175,43)
```

Split Complementary Color

#2b7aaf
```
#2b7aaf rgb(43,122,175)
```
#af2b7a
```
#af2b7a rgb(175,43,122)
```
#7aaf2b
```
#7aaf2b rgb(122,175,43)
```

Triadic Color

#602baf
```
#602baf rgb(96,43,175)
```
#af2b7a
```
#af2b7a rgb(175,43,122)
```
#7aaf2b
```
#7aaf2b rgb(122,175,43)
```
#2baf60
```
#2baf60 rgb(43,175,96)
```

Tetradic Color

#721c4f
```
#721c4f rgb(114,28,79)
```
#86215d
```
#86215d rgb(134,33,93)
```
#9b266c
```
#9b266c rgb(155,38,108)
```
#af2b7a
```
#af2b7a rgb(175,43,122)
```
#c33088
```
#c33088 rgb(195,48,136)
```
#cf3e95
```
#cf3e95 rgb(207,62,149)
```
#d452a0
```
#d452a0 rgb(212,82,160)
```

Monochromatic Color

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

#af2b9b
```
#af2b9b rgb(175,43,155)
```
#af2b90
```
#af2b90 rgb(175,43,144)
```
#af2b85
```
#af2b85 rgb(175,43,133)
```
#af2b7a
```
#af2b7a rgb(175,43,122)
```
#af2b6f
```
#af2b6f rgb(175,43,111)
```
#af2b64
```
#af2b64 rgb(175,43,100)
```
#af2b59
```
#af2b59 rgb(175,43,89)
```

Similar Colors

Text with hexadecimal color #af2b7a

This text has a font color of #af2b7a.

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

#af2b7a background color

This paragraph has a background color of #af2b7a.

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

#af2b7a border color

This element has a border color of #af2b7a.

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

CSS codes

.text {color:#af2b7a;}

.background {background-color:#af2b7a;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#12040c
```
#12040c rgb(18,4,12)
```
#210817
```
#210817 rgb(33,8,23)
```
#310c22
```
#310c22 rgb(49,12,34)
```
#41102d
```
#41102d rgb(65,16,45)
```
#511438
```
#511438 rgb(81,20,56)
```
#601843
```
#601843 rgb(96,24,67)
```
#701c4e
```
#701c4e rgb(112,28,78)
```
#801f59
```
#801f59 rgb(128,31,89)
```
#902364
```
#902364 rgb(144,35,100)
```
#9f276f
```
#9f276f rgb(159,39,111)
```
#af2b7a
```
#af2b7a rgb(175,43,122)
```
#bf2f85
```
#bf2f85 rgb(191,47,133)
```

Shade Color Variation

#cd3490
```
#cd3490 rgb(205,52,144)
```
#d14498
```
#d14498 rgb(209,68,152)
```
#d554a1
```
#d554a1 rgb(213,84,161)
```
#d963aa
```
#d963aa rgb(217,99,170)
```
#dd73b2
```
#dd73b2 rgb(221,115,178)
```
#e083bb
```
#e083bb rgb(224,131,187)
```
#e493c4
```
#e493c4 rgb(228,147,196)
```
#e8a2cc
```
#e8a2cc rgb(232,162,204)
```
#ecb2d5
```
#ecb2d5 rgb(236,178,213)
```
#f0c2dd
```
#f0c2dd rgb(240,194,221)
```
#f4d2e6
```
#f4d2e6 rgb(244,210,230)
```
#f8e1ef
```
#f8e1ef rgb(248,225,239)
```
#fcf1f7
```
#fcf1f7 rgb(252,241,247)
```

Tint Color Variation

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

#74666e
```
#74666e rgb(116,102,110)
```
#7d5d70
```
#7d5d70 rgb(125,93,112)
```
#855572
```
#855572 rgb(133,85,114)
```
#8d4d73
```
#8d4d73 rgb(141,77,115)
```
#964475
```
#964475 rgb(150,68,117)
```
#9e3c77
```
#9e3c77 rgb(158,60,119)
```
#a73378
```
#a73378 rgb(167,51,120)
```
#af2b7a
```
#af2b7a rgb(175,43,122)
```
#b7237c
```
#b7237c rgb(183,35,124)
```
#c01a7d
```
#c01a7d rgb(192,26,125)
```
#c8127f
```
#c8127f rgb(200,18,127)
```
#d10981
```
#d10981 rgb(209,9,129)
```
#d90182
```
#d90182 rgb(217,1,130)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c5161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54689f Protanopia 1% of men
#6e6776 Deuteranopia 1% of men
#ae464a Tritanopia 0.001% of the population

Trichromacy

#755291 Protanomaly 1% of men, 0.01% of women
#855177 Deuteranomaly 6% of men, 0.4% of women
#ae3c5b Tritanomaly 0.01% of the population

#af2b7a hex color

#af2b7a Color Information

#af2b7a Color Conversion

Color Schemes with #af2b7a

Alternatives to #af2b7a

#af2b7a Preview

Shades and Tints of #af2b7a

Tones of #af2b7a

Color Blindness Simulator