#af2b4e hex color

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

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

● #af2b4e color description : Dark pink.

The hexadecimal color #af2b4e has RGB values of R:175, G:43, B:78 and CMYK values of C:0, M:0.75, Y:0.55, K:0.31. Its decimal value is 11479886.

Hex triplet	af2b4e	`#af2b4e`
RGB Decimal	175, 43, 78	`rgb(175,43,78)`
RGB Percent	68.6, 16.9, 30.6	`rgb(68.6%,16.9%,30.6%)`
CMYK	0, 75, 55, 31
HSL	344.1°, 60.6, 42.7	`hsl(344.1,60.6%,42.7%)`
HSV (or HSB)	344.1°, 75.4, 68.6
Web Safe	993366	`#993366`

CIE-LAB	40.236, 54.595, 11.962
XYZ	19.919, 11.394, 8.358
xyY	0.502, 0.287, 11.394
CIE-LCH	40.236, 55.89, 12.358
CIE-LUV	40.236, 89.548, 3.467
Hunter-Lab	33.755, 46.262, 8.948
Binary	10101111, 00101011, 01001110

#af2b4e
```
#af2b4e rgb(175,43,78)
```
#2baf8c
```
#2baf8c rgb(43,175,140)
```

Complementary Color

#af2b90
```
#af2b90 rgb(175,43,144)
```
#af2b4e
```
#af2b4e rgb(175,43,78)
```
#af4a2b
```
#af4a2b rgb(175,74,43)
```

Analogous Color

#2b90af
```
#2b90af rgb(43,144,175)
```
#af2b4e
```
#af2b4e rgb(175,43,78)
```
#2baf4a
```
#2baf4a rgb(43,175,74)
```

Split Complementary Color

#2b4eaf
```
#2b4eaf rgb(43,78,175)
```
#af2b4e
```
#af2b4e rgb(175,43,78)
```
#4eaf2b
```
#4eaf2b rgb(78,175,43)
```

Triadic Color

#8c2baf
```
#8c2baf rgb(140,43,175)
```
#af2b4e
```
#af2b4e rgb(175,43,78)
```
#4eaf2b
```
#4eaf2b rgb(78,175,43)
```
#2baf8c
```
#2baf8c rgb(43,175,140)
```

Tetradic Color

#721c33
```
#721c33 rgb(114,28,51)
```
#86213c
```
#86213c rgb(134,33,60)
```
#9b2645
```
#9b2645 rgb(155,38,69)
```
#af2b4e
```
#af2b4e rgb(175,43,78)
```
#c33057
```
#c33057 rgb(195,48,87)
```
#cf3e64
```
#cf3e64 rgb(207,62,100)
```
#d45275
```
#d45275 rgb(212,82,117)
```

Monochromatic Color

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

#af2b6f
```
#af2b6f rgb(175,43,111)
```
#af2b64
```
#af2b64 rgb(175,43,100)
```
#af2b59
```
#af2b59 rgb(175,43,89)
```
#af2b4e
```
#af2b4e rgb(175,43,78)
```
#af2b43
```
#af2b43 rgb(175,43,67)
```
#af2b38
```
#af2b38 rgb(175,43,56)
```
#af2b2d
```
#af2b2d rgb(175,43,45)
```

Similar Colors

Text with hexadecimal color #af2b4e

This text has a font color of #af2b4e.

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

#af2b4e background color

This paragraph has a background color of #af2b4e.

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

#af2b4e border color

This element has a border color of #af2b4e.

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

CSS codes

.text {color:#af2b4e;}

.background {background-color:#af2b4e;}

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

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 #fcf1f4 is the lightest one.

#020001
```
#020001 rgb(2,0,1)
```
#120408
```
#120408 rgb(18,4,8)
```
#21080f
```
#21080f rgb(33,8,15)
```
#310c16
```
#310c16 rgb(49,12,22)
```
#41101d
```
#41101d rgb(65,16,29)
```
#511424
```
#511424 rgb(81,20,36)
```
#60182b
```
#60182b rgb(96,24,43)
```
#701c32
```
#701c32 rgb(112,28,50)
```
#801f39
```
#801f39 rgb(128,31,57)
```
#902340
```
#902340 rgb(144,35,64)
```
#9f2747
```
#9f2747 rgb(159,39,71)
```
#af2b4e
```
#af2b4e rgb(175,43,78)
```
#bf2f55
```
#bf2f55 rgb(191,47,85)
```

Shade Color Variation

#cd345d
```
#cd345d rgb(205,52,93)
```
#d14469
```
#d14469 rgb(209,68,105)
```
#d55476
```
#d55476 rgb(213,84,118)
```
#d96382
```
#d96382 rgb(217,99,130)
```
#dd738f
```
#dd738f rgb(221,115,143)
```
#e0839c
```
#e0839c rgb(224,131,156)
```
#e493a8
```
#e493a8 rgb(228,147,168)
```
#e8a2b5
```
#e8a2b5 rgb(232,162,181)
```
#ecb2c1
```
#ecb2c1 rgb(236,178,193)
```
#f0c2ce
```
#f0c2ce rgb(240,194,206)
```
#f4d2db
```
#f4d2db rgb(244,210,219)
```
#f8e1e7
```
#f8e1e7 rgb(248,225,231)
```
#fcf1f4
```
#fcf1f4 rgb(252,241,244)
```

Tint Color Variation

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

#74666a
```
#74666a rgb(116,102,106)
```
#7d5d66
```
#7d5d66 rgb(125,93,102)
```
#855562
```
#855562 rgb(133,85,98)
```
#8d4d5e
```
#8d4d5e rgb(141,77,94)
```
#96445a
```
#96445a rgb(150,68,90)
```
#9e3c56
```
#9e3c56 rgb(158,60,86)
```
#a73352
```
#a73352 rgb(167,51,82)
```
#af2b4e
```
#af2b4e rgb(175,43,78)
```
#b7234a
```
#b7234a rgb(183,35,74)
```
#c01a46
```
#c01a46 rgb(192,26,70)
```
#c81242
```
#c81242 rgb(200,18,66)
```
#d1093e
```
#d1093e rgb(209,9,62)
```
#d9013a
```
#d9013a rgb(217,1,58)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#684d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#67666c Protanopia 1% of men
#78634e Deuteranopia 1% of men
#b13b3e Tritanopia 0.001% of the population

Trichromacy

#815061 Protanomaly 1% of men, 0.01% of women
#8c4e4e Deuteranomaly 6% of men, 0.4% of women
#b03544 Tritanomaly 0.01% of the population

#af2b4e hex color

#af2b4e Color Information

#af2b4e Color Conversion

Color Schemes with #af2b4e

Alternatives to #af2b4e

#af2b4e Preview

Shades and Tints of #af2b4e

Tones of #af2b4e

Color Blindness Simulator