#af286a hex color

In a RGB color space, hex #af286a is composed of 68.6% red, 15.7% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.1% magenta, 39.4% yellow and 31.4% black. It has a hue angle of 330.7 degrees, a saturation of 62.8% and a lightness of 42.2%. #af286a color hex could be obtained by blending #ff50d4 with #5f0000. Closest websafe color is: #993366.

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

● #af286a color description : Dark pink.

The hexadecimal color #af286a has RGB values of R:175, G:40, B:106 and CMYK values of C:0, M:0.77, Y:0.39, K:0.31. Its decimal value is 11479146.

Hex triplet	af286a	`#af286a`
RGB Decimal	175, 40, 106	`rgb(175,40,106)`
RGB Percent	68.6, 15.7, 41.6	`rgb(68.6%,15.7%,41.6%)`
CMYK	0, 77, 39, 31
HSL	330.7°, 62.8, 42.2	`hsl(330.7,62.8%,42.2%)`
HSV (or HSB)	330.7°, 77.1, 68.6
Web Safe	993366	`#993366`

CIE-LAB	40.694, 58.094, -5.039
XYZ	21.04, 11.674, 14.78
xyY	0.443, 0.246, 11.674
CIE-LCH	40.694, 58.312, 355.042
CIE-LUV	40.694, 80.466, -16.639
Hunter-Lab	34.168, 50.125, -1.73
Binary	10101111, 00101000, 01101010

#af286a
```
#af286a rgb(175,40,106)
```
#28af6d
```
#28af6d rgb(40,175,109)
```

Complementary Color

#af28ae
```
#af28ae rgb(175,40,174)
```
#af286a
```
#af286a rgb(175,40,106)
```
#af2928
```
#af2928 rgb(175,41,40)
```

Analogous Color

#28aeaf
```
#28aeaf rgb(40,174,175)
```
#af286a
```
#af286a rgb(175,40,106)
```
#28af29
```
#28af29 rgb(40,175,41)
```

Split Complementary Color

#286aaf
```
#286aaf rgb(40,106,175)
```
#af286a
```
#af286a rgb(175,40,106)
```
#6aaf28
```
#6aaf28 rgb(106,175,40)
```

Triadic Color

#6d28af
```
#6d28af rgb(109,40,175)
```
#af286a
```
#af286a rgb(175,40,106)
```
#6aaf28
```
#6aaf28 rgb(106,175,40)
```
#28af6d
```
#28af6d rgb(40,175,109)
```

Tetradic Color

#711a44
```
#711a44 rgb(113,26,68)
```
#851f51
```
#851f51 rgb(133,31,81)
```
#9a235d
```
#9a235d rgb(154,35,93)
```
#af286a
```
#af286a rgb(175,40,106)
```
#c42d77
```
#c42d77 rgb(196,45,119)
```
#d23883
```
#d23883 rgb(210,56,131)
```
#d64d90
```
#d64d90 rgb(214,77,144)
```

Monochromatic Color

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

#af288c
```
#af288c rgb(175,40,140)
```
#af2881
```
#af2881 rgb(175,40,129)
```
#af2875
```
#af2875 rgb(175,40,117)
```
#af286a
```
#af286a rgb(175,40,106)
```
#af285f
```
#af285f rgb(175,40,95)
```
#af2854
```
#af2854 rgb(175,40,84)
```
#af2848
```
#af2848 rgb(175,40,72)
```

Similar Colors

Text with hexadecimal color #af286a

This text has a font color of #af286a.

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

#af286a background color

This paragraph has a background color of #af286a.

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

#af286a border color

This element has a border color of #af286a.

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

CSS codes

.text {color:#af286a;}

.background {background-color:#af286a;}

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

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

#0f0409
```
#0f0409 rgb(15,4,9)
```
#1f0713
```
#1f0713 rgb(31,7,19)
```
#2f0b1d
```
#2f0b1d rgb(47,11,29)
```
#3f0e26
```
#3f0e26 rgb(63,14,38)
```
#4f1230
```
#4f1230 rgb(79,18,48)
```
#5f163a
```
#5f163a rgb(95,22,58)
```
#6f1943
```
#6f1943 rgb(111,25,67)
```
#7f1d4d
```
#7f1d4d rgb(127,29,77)
```
#8f2157
```
#8f2157 rgb(143,33,87)
```
#9f2460
```
#9f2460 rgb(159,36,96)
```
#af286a
```
#af286a rgb(175,40,106)
```
#bf2c74
```
#bf2c74 rgb(191,44,116)
```
#cf2f7d
```
#cf2f7d rgb(207,47,125)
```

Shade Color Variation

#d33f87
```
#d33f87 rgb(211,63,135)
```
#d74f91
```
#d74f91 rgb(215,79,145)
```
#da5f9b
```
#da5f9b rgb(218,95,155)
```
#de6fa5
```
#de6fa5 rgb(222,111,165)
```
#e27faf
```
#e27faf rgb(226,127,175)
```
#e58fb9
```
#e58fb9 rgb(229,143,185)
```
#e99fc3
```
#e99fc3 rgb(233,159,195)
```
#edafcd
```
#edafcd rgb(237,175,205)
```
#f0bfd7
```
#f0bfd7 rgb(240,191,215)
```
#f4cee1
```
#f4cee1 rgb(244,206,225)
```
#f8deeb
```
#f8deeb rgb(248,222,235)
```
#fbeef5
```
#fbeef5 rgb(251,238,245)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#6d6a6b
```
#6d6a6b rgb(109,106,107)
```
#75626b
```
#75626b rgb(117,98,107)
```
#7d5a6b
```
#7d5a6b rgb(125,90,107)
```
#86516b
```
#86516b rgb(134,81,107)
```
#8e496b
```
#8e496b rgb(142,73,107)
```
#96416b
```
#96416b rgb(150,65,107)
```
#9e396a
```
#9e396a rgb(158,57,106)
```
#a7306a
```
#a7306a rgb(167,48,106)
```
#af286a
```
#af286a rgb(175,40,106)
```
#b7206a
```
#b7206a rgb(183,32,106)
```
#c0176a
```
#c0176a rgb(192,23,106)
```
#c80f69
```
#c80f69 rgb(200,15,105)
```
#d00769
```
#d00769 rgb(208,7,105)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#694e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b668d Protanopia 1% of men
#716567 Deuteranopia 1% of men
#af4043 Tritanopia 0.001% of the population

Trichromacy

#795080 Protanomaly 1% of men, 0.01% of women
#884e68 Deuteranomaly 6% of men, 0.4% of women
#af3751 Tritanomaly 0.01% of the population

#af286a hex color

#af286a Color Information

#af286a Color Conversion

Color Schemes with #af286a

Alternatives to #af286a

#af286a Preview

Shades and Tints of #af286a

Tones of #af286a

Color Blindness Simulator