colorhexa.com

#af78f6 hex color

In a RGB color space, hex #af78f6 is composed of 68.6% red, 47.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 51.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 266.2 degrees, a saturation of 87.5% and a lightness of 71.8%. #af78f6 color hex could be obtained by blending #fff0ff with #5f00ed. Closest websafe color is: #9966ff.

- R 69
- G 47
- B 96
RGB color chart
- C 29
- M 51
- Y 0
- K 4
CMYK color chart

● #af78f6 color description : Soft violet.

The hexadecimal color #af78f6 has RGB values of R:175, G:120, B:246 and CMYK values of C:0.29, M:0.51, Y:0, K:0.04. Its decimal value is 11499766.

Hex triplet	af78f6	`#af78f6`
RGB Decimal	175, 120, 246	`rgb(175,120,246)`
RGB Percent	68.6, 47.1, 96.5	`rgb(68.6%,47.1%,96.5%)`
CMYK	29, 51, 0, 4
HSL	266.2°, 87.5, 71.8	`hsl(266.2,87.5%,71.8%)`
HSV (or HSB)	266.2°, 51.2, 96.5
Web Safe	9966ff	`#9966ff`

CIE-LAB	60.959, 46.158, -55.467
XYZ	41.028, 29.201, 90.659
xyY	0.255, 0.181, 29.201
CIE-LCH	60.959, 72.16, 309.766
CIE-LUV	60.959, 16.386, -93.827
Hunter-Lab	54.038, 40.957, -61.643
Binary	10101111, 01111000, 11110110

#af78f6
```
#af78f6 rgb(175,120,246)
```
#bff678
```
#bff678 rgb(191,246,120)
```

Complementary Color

#7880f6
```
#7880f6 rgb(120,128,246)
```
#af78f6
```
#af78f6 rgb(175,120,246)
```
#ee78f6
```
#ee78f6 rgb(238,120,246)
```

Analogous Color

#80f678
```
#80f678 rgb(128,246,120)
```
#af78f6
```
#af78f6 rgb(175,120,246)
```
#f6ee78
```
#f6ee78 rgb(246,238,120)
```

Split Complementary Color

#78f6af
```
#78f6af rgb(120,246,175)
```
#af78f6
```
#af78f6 rgb(175,120,246)
```
#f6af78
```
#f6af78 rgb(246,175,120)
```

Triadic Color

#78bff6
```
#78bff6 rgb(120,191,246)
```
#af78f6
```
#af78f6 rgb(175,120,246)
```
#f6af78
```
#f6af78 rgb(246,175,120)
```
#bff678
```
#bff678 rgb(191,246,120)
```

Tetradic Color

#8530f1
```
#8530f1 rgb(133,48,241)
```
#9348f3
```
#9348f3 rgb(147,72,243)
```
#a160f4
```
#a160f4 rgb(161,96,244)
```
#af78f6
```
#af78f6 rgb(175,120,246)
```
#bd90f8
```
#bd90f8 rgb(189,144,248)
```
#cba8f9
```
#cba8f9 rgb(203,168,249)
```
#dac0fb
```
#dac0fb rgb(218,192,251)
```

Monochromatic Color

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

#9078f6
```
#9078f6 rgb(144,120,246)
```
#9a78f6
```
#9a78f6 rgb(154,120,246)
```
#a578f6
```
#a578f6 rgb(165,120,246)
```
#af78f6
```
#af78f6 rgb(175,120,246)
```
#ba78f6
```
#ba78f6 rgb(186,120,246)
```
#c478f6
```
#c478f6 rgb(196,120,246)
```
#cf78f6
```
#cf78f6 rgb(207,120,246)
```

Similar Colors

Text with hexadecimal color #af78f6

This text has a font color of #af78f6.

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

#af78f6 background color

This paragraph has a background color of #af78f6.

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

#af78f6 border color

This element has a border color of #af78f6.

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

CSS codes

.text {color:#af78f6;}

.background {background-color:#af78f6;}

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

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, #06010c is the darkest color, while #fbf9ff is the lightest one.

#06010c
```
#06010c rgb(6,1,12)
```
#0e021f
```
#0e021f rgb(14,2,31)
```
#170331
```
#170331 rgb(23,3,49)
```
#200443
```
#200443 rgb(32,4,67)
```
#290656
```
#290656 rgb(41,6,86)
```
#310768
```
#310768 rgb(49,7,104)
```
#3a087a
```
#3a087a rgb(58,8,122)
```
#43098d
```
#43098d rgb(67,9,141)
```
#4b0b9f
```
#4b0b9f rgb(75,11,159)
```
#540cb2
```
#540cb2 rgb(84,12,178)
```
#5d0dc4
```
#5d0dc4 rgb(93,13,196)
```
#660ed6
```
#660ed6 rgb(102,14,214)
```
#6e10e9
```
#6e10e9 rgb(110,16,233)
```

Shade Color Variation

#791cf0
```
#791cf0 rgb(121,28,240)
```
#832ef1
```
#832ef1 rgb(131,46,241)
```
#8e41f2
```
#8e41f2 rgb(142,65,242)
```
#9953f4
```
#9953f4 rgb(153,83,244)
```
#a466f5
```
#a466f5 rgb(164,102,245)
```
#af78f6
```
#af78f6 rgb(175,120,246)
```
#ba8af7
```
#ba8af7 rgb(186,138,247)
```
#c59df8
```
#c59df8 rgb(197,157,248)
```
#d0affa
```
#d0affa rgb(208,175,250)
```
#dbc2fb
```
#dbc2fb rgb(219,194,251)
```
#e5d4fc
```
#e5d4fc rgb(229,212,252)
```
#f0e6fd
```
#f0e6fd rgb(240,230,253)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#b7b5b9
```
#b7b5b9 rgb(183,181,185)
```
#b6afbf
```
#b6afbf rgb(182,175,191)
```
#b5aac4
```
#b5aac4 rgb(181,170,196)
```
#b5a4ca
```
#b5a4ca rgb(181,164,202)
```
#b49fcf
```
#b49fcf rgb(180,159,207)
```
#b399d5
```
#b399d5 rgb(179,153,213)
```
#b394da
```
#b394da rgb(179,148,218)
```
#b28ee0
```
#b28ee0 rgb(178,142,224)
```
#b189e5
```
#b189e5 rgb(177,137,229)
```
#b083eb
```
#b083eb rgb(176,131,235)
```
#b07ef0
```
#b07ef0 rgb(176,126,240)
```
#af78f6
```
#af78f6 rgb(175,120,246)
```
#ae72fc
```
#ae72fc rgb(174,114,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c91aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#6295ff Protanopia 1% of men
#6099ed Deuteranopia 1% of men
#9f95a0 Tritanopia 0.001% of the population

Trichromacy

#7e8afb Protanomaly 1% of men, 0.01% of women
#7c8df0 Deuteranomaly 6% of men, 0.4% of women
#a58abf Tritanomaly 0.01% of the population