#af78ba hex color

In a RGB color space, hex #af78ba is composed of 68.6% red, 47.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 35.5% magenta, 0% yellow and 27.1% black. It has a hue angle of 290 degrees, a saturation of 32.4% and a lightness of 60%. #af78ba color hex could be obtained by blending #fff0ff with #5f0075. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 47
- B 73
RGB color chart
- C 6
- M 35
- Y 0
- K 27
CMYK color chart

● #af78ba color description : Slightly desaturated magenta.

The hexadecimal color #af78ba has RGB values of R:175, G:120, B:186 and CMYK values of C:0.06, M:0.35, Y:0, K:0.27. Its decimal value is 11499706.

Hex triplet	af78ba	`#af78ba`
RGB Decimal	175, 120, 186	`rgb(175,120,186)`
RGB Percent	68.6, 47.1, 72.9	`rgb(68.6%,47.1%,72.9%)`
CMYK	6, 35, 0, 27
HSL	290°, 32.4, 60	`hsl(290,32.4%,60%)`
HSV (or HSB)	290°, 35.5, 72.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.125, 32.828, -26.226
XYZ	33.257, 26.093, 49.736
xyY	0.305, 0.239, 26.093
CIE-LCH	58.125, 42.018, 321.379
CIE-LUV	58.125, 25.673, -44.668
Hunter-Lab	51.081, 26.824, -21.972
Binary	10101111, 01111000, 10111010

#af78ba
```
#af78ba rgb(175,120,186)
```
#83ba78
```
#83ba78 rgb(131,186,120)
```

Complementary Color

#8e78ba
```
#8e78ba rgb(142,120,186)
```
#af78ba
```
#af78ba rgb(175,120,186)
```
#ba78a4
```
#ba78a4 rgb(186,120,164)
```

Analogous Color

#78ba8e
```
#78ba8e rgb(120,186,142)
```
#af78ba
```
#af78ba rgb(175,120,186)
```
#a4ba78
```
#a4ba78 rgb(164,186,120)
```

Split Complementary Color

#78baaf
```
#78baaf rgb(120,186,175)
```
#af78ba
```
#af78ba rgb(175,120,186)
```
#baaf78
```
#baaf78 rgb(186,175,120)
```

Triadic Color

#7883ba
```
#7883ba rgb(120,131,186)
```
#af78ba
```
#af78ba rgb(175,120,186)
```
#baaf78
```
#baaf78 rgb(186,175,120)
```
#83ba78
```
#83ba78 rgb(131,186,120)
```

Tetradic Color

#8c4e98
```
#8c4e98 rgb(140,78,152)
```
#9b56a9
```
#9b56a9 rgb(155,86,169)
```
#a567b1
```
#a567b1 rgb(165,103,177)
```
#af78ba
```
#af78ba rgb(175,120,186)
```
#b989c3
```
#b989c3 rgb(185,137,195)
```
#c39acb
```
#c39acb rgb(195,154,203)
```
#cdabd4
```
#cdabd4 rgb(205,171,212)
```

Monochromatic Color

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

#9f78ba
```
#9f78ba rgb(159,120,186)
```
#a478ba
```
#a478ba rgb(164,120,186)
```
#aa78ba
```
#aa78ba rgb(170,120,186)
```
#af78ba
```
#af78ba rgb(175,120,186)
```
#b578ba
```
#b578ba rgb(181,120,186)
```
#ba78ba
```
#ba78ba rgb(186,120,186)
```
#ba78b5
```
#ba78b5 rgb(186,120,181)
```

Similar Colors

Text with hexadecimal color #af78ba

This text has a font color of #af78ba.

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

#af78ba background color

This paragraph has a background color of #af78ba.

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

#af78ba border color

This element has a border color of #af78ba.

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

CSS codes

.text {color:#af78ba;}

.background {background-color:#af78ba;}

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

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

#070408
```
#070408 rgb(7,4,8)
```
#130b15
```
#130b15 rgb(19,11,21)
```
#1f1122
```
#1f1122 rgb(31,17,34)
```
#2b182f
```
#2b182f rgb(43,24,47)
```
#371f3c
```
#371f3c rgb(55,31,60)
```
#432549
```
#432549 rgb(67,37,73)
```
#4f2c56
```
#4f2c56 rgb(79,44,86)
```
#5b3263
```
#5b3263 rgb(91,50,99)
```
#673970
```
#673970 rgb(103,57,112)
```
#72407d
```
#72407d rgb(114,64,125)
```
#7e468a
```
#7e468a rgb(126,70,138)
```
#8a4d97
```
#8a4d97 rgb(138,77,151)
```
#9654a4
```
#9654a4 rgb(150,84,164)
```

Shade Color Variation

#a05ead
```
#a05ead rgb(160,94,173)
```
#a76bb3
```
#a76bb3 rgb(167,107,179)
```
#af78ba
```
#af78ba rgb(175,120,186)
```
#b785c1
```
#b785c1 rgb(183,133,193)
```
#be92c7
```
#be92c7 rgb(190,146,199)
```
#c69fce
```
#c69fce rgb(198,159,206)
```
#ceacd5
```
#ceacd5 rgb(206,172,213)
```
#d5b9db
```
#d5b9db rgb(213,185,219)
```
#ddc6e2
```
#ddc6e2 rgb(221,198,226)
```
#e5d3e8
```
#e5d3e8 rgb(229,211,232)
```
#ede0ef
```
#ede0ef rgb(237,224,239)
```
#f4edf6
```
#f4edf6 rgb(244,237,246)
```
#fcfafc
```
#fcfafc rgb(252,250,252)
```

Tint Color Variation

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

#9a979b
```
#9a979b rgb(154,151,155)
```
#9f90a2
```
#9f90a2 rgb(159,144,162)
```
#a588aa
```
#a588aa rgb(165,136,170)
```
#aa80b2
```
#aa80b2 rgb(170,128,178)
```
#af78ba
```
#af78ba rgb(175,120,186)
```
#b470c2
```
#b470c2 rgb(180,112,194)
```
#b968ca
```
#b968ca rgb(185,104,202)
```
#bf60d2
```
#bf60d2 rgb(191,96,210)
```
#c459d9
```
#c459d9 rgb(196,89,217)
```
#c951e1
```
#c951e1 rgb(201,81,225)
```
#ce49e9
```
#ce49e9 rgb(206,73,233)
```
#d441f1
```
#d441f1 rgb(212,65,241)
```
#d939f9
```
#d939f9 rgb(217,57,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#968b98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8fc8 Protanopia 1% of men
#898fb8 Deuteranopia 1% of men
#ab8891 Tritanopia 0.001% of the population

Trichromacy

#9087c3 Protanomaly 1% of men, 0.01% of women
#9686b8 Deuteranomaly 6% of men, 0.4% of women
#ad82a0 Tritanomaly 0.01% of the population

#af78ba hex color

#af78ba Color Information

#af78ba Color Conversion

Color Schemes with #af78ba

Alternatives to #af78ba

#af78ba Preview

Shades and Tints of #af78ba

Tones of #af78ba

Color Blindness Simulator