colorhexa.com

#af63b6 hex color

In a RGB color space, hex #af63b6 is composed of 68.6% red, 38.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 45.6% magenta, 0% yellow and 28.6% black. It has a hue angle of 294.9 degrees, a saturation of 36.2% and a lightness of 55.1%. #af63b6 color hex could be obtained by blending #ffc6ff with #5f006d. Closest websafe color is: #9966cc.

- R 69
- G 39
- B 71
RGB color chart
- C 4
- M 46
- Y 0
- K 29
CMYK color chart

● #af63b6 color description : Slightly desaturated magenta.

The hexadecimal color #af63b6 has RGB values of R:175, G:99, B:182 and CMYK values of C:0.04, M:0.46, Y:0, K:0.29. Its decimal value is 11494326.

Hex triplet	af63b6	`#af63b6`
RGB Decimal	175, 99, 182	`rgb(175,99,182)`
RGB Percent	68.6, 38.8, 71.4	`rgb(68.6%,38.8%,71.4%)`
CMYK	4, 46, 0, 29
HSL	294.9°, 36.2, 55.1	`hsl(294.9,36.2%,55.1%)`
HSV (or HSB)	294.9°, 45.6, 71.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.402, 43.479, -31.251
XYZ	30.584, 21.416, 46.776
xyY	0.31, 0.217, 21.416
CIE-LCH	53.402, 53.545, 324.293
CIE-LUV	53.402, 35.217, -53.247
Hunter-Lab	46.278, 36.98, -27.534
Binary	10101111, 01100011, 10110110

#af63b6
```
#af63b6 rgb(175,99,182)
```
#6ab663
```
#6ab663 rgb(106,182,99)
```

Complementary Color

#8663b6
```
#8663b6 rgb(134,99,182)
```
#af63b6
```
#af63b6 rgb(175,99,182)
```
#b66394
```
#b66394 rgb(182,99,148)
```

Analogous Color

#63b686
```
#63b686 rgb(99,182,134)
```
#af63b6
```
#af63b6 rgb(175,99,182)
```
#94b663
```
#94b663 rgb(148,182,99)
```

Split Complementary Color

#63b6af
```
#63b6af rgb(99,182,175)
```
#af63b6
```
#af63b6 rgb(175,99,182)
```
#b6af63
```
#b6af63 rgb(182,175,99)
```

Triadic Color

#636ab6
```
#636ab6 rgb(99,106,182)
```
#af63b6
```
#af63b6 rgb(175,99,182)
```
#b6af63
```
#b6af63 rgb(182,175,99)
```
#6ab663
```
#6ab663 rgb(106,182,99)
```

Tetradic Color

#85418b
```
#85418b rgb(133,65,139)
```
#96499d
```
#96499d rgb(150,73,157)
```
#a652ae
```
#a652ae rgb(166,82,174)
```
#af63b6
```
#af63b6 rgb(175,99,182)
```
#b874be
```
#b874be rgb(184,116,190)
```
#c186c6
```
#c186c6 rgb(193,134,198)
```
#ca97ce
```
#ca97ce rgb(202,151,206)
```

Monochromatic Color

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

#9a63b6
```
#9a63b6 rgb(154,99,182)
```
#a163b6
```
#a163b6 rgb(161,99,182)
```
#a863b6
```
#a863b6 rgb(168,99,182)
```
#af63b6
```
#af63b6 rgb(175,99,182)
```
#b663b6
```
#b663b6 rgb(182,99,182)
```
#b663af
```
#b663af rgb(182,99,175)
```
#b663a8
```
#b663a8 rgb(182,99,168)
```

Similar Colors

Text with hexadecimal color #af63b6

This text has a font color of #af63b6.

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

#af63b6 background color

This paragraph has a background color of #af63b6.

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

#af63b6 border color

This element has a border color of #af63b6.

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

CSS codes

.text {color:#af63b6;}

.background {background-color:#af63b6;}

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

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

#040204
```
#040204 rgb(4,2,4)
```
#110812
```
#110812 rgb(17,8,18)
```
#1e0f1f
```
#1e0f1f rgb(30,15,31)
```
#2a152c
```
#2a152c rgb(42,21,44)
```
#371b3a
```
#371b3a rgb(55,27,58)
```
#442147
```
#442147 rgb(68,33,71)
```
#512855
```
#512855 rgb(81,40,85)
```
#5d2e62
```
#5d2e62 rgb(93,46,98)
```
#6a346f
```
#6a346f rgb(106,52,111)
```
#773a7d
```
#773a7d rgb(119,58,125)
```
#84418a
```
#84418a rgb(132,65,138)
```
#914797
```
#914797 rgb(145,71,151)
```
#9d4da5
```
#9d4da5 rgb(157,77,165)
```

Shade Color Variation

#a856b0
```
#a856b0 rgb(168,86,176)
```
#af63b6
```
#af63b6 rgb(175,99,182)
```
#b670bc
```
#b670bc rgb(182,112,188)
```
#bd7ec3
```
#bd7ec3 rgb(189,126,195)
```
#c48bc9
```
#c48bc9 rgb(196,139,201)
```
#ca98cf
```
#ca98cf rgb(202,152,207)
```
#d1a6d5
```
#d1a6d5 rgb(209,166,213)
```
#d8b3dc
```
#d8b3dc rgb(216,179,220)
```
#dfc1e2
```
#dfc1e2 rgb(223,193,226)
```
#e6cee8
```
#e6cee8 rgb(230,206,232)
```
#eddbee
```
#eddbee rgb(237,219,238)
```
#f4e9f5
```
#f4e9f5 rgb(244,233,245)
```
#faf6fb
```
#faf6fb rgb(250,246,251)
```

Tint Color Variation

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

#928693
```
#928693 rgb(146,134,147)
```
#997d9c
```
#997d9c rgb(153,125,156)
```
#a075a4
```
#a075a4 rgb(160,117,164)
```
#a86cad
```
#a86cad rgb(168,108,173)
```
#af63b6
```
#af63b6 rgb(175,99,182)
```
#b65abf
```
#b65abf rgb(182,90,191)
```
#be51c8
```
#be51c8 rgb(190,81,200)
```
#c549d0
```
#c549d0 rgb(197,73,208)
```
#cc40d9
```
#cc40d9 rgb(204,64,217)
```
#d437e2
```
#d437e2 rgb(212,55,226)
```
#db2eeb
```
#db2eeb rgb(219,46,235)
```
#e225f4
```
#e225f4 rgb(226,37,244)
```
#ea1dfc
```
#ea1dfc rgb(234,29,252)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8c7d8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6883cb Protanopia 1% of men
#7884b1 Deuteranopia 1% of men
#aa7881 Tritanopia 0.001% of the population

Trichromacy

#8277c3 Protanomaly 1% of men, 0.01% of women
#8c78b3 Deuteranomaly 6% of men, 0.4% of women
#ac7094 Tritanomaly 0.01% of the population