#af6bda hex color

In a RGB color space, hex #af6bda is composed of 68.6% red, 42% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 50.9% magenta, 0% yellow and 14.5% black. It has a hue angle of 276.8 degrees, a saturation of 60% and a lightness of 63.7%. #af6bda color hex could be obtained by blending #ffd6ff with #5f00b5. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 42
- B 85
RGB color chart
- C 20
- M 51
- Y 0
- K 15
CMYK color chart

● #af6bda color description : Soft violet.

The hexadecimal color #af6bda has RGB values of R:175, G:107, B:218 and CMYK values of C:0.2, M:0.51, Y:0, K:0.15. Its decimal value is 11496410.

Hex triplet	af6bda	`#af6bda`
RGB Decimal	175, 107, 218	`rgb(175,107,218)`
RGB Percent	68.6, 42, 85.5	`rgb(68.6%,42%,85.5%)`
CMYK	20, 51, 0, 15
HSL	276.8°, 60, 63.7	`hsl(276.8,60%,63.7%)`
HSV (or HSB)	276.8°, 50.9, 85.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.774, 46.703, -46.495
XYZ	35.59, 24.692, 69.217
xyY	0.275, 0.191, 24.692
CIE-LCH	56.774, 65.901, 315.128
CIE-LUV	56.774, 25.212, -78.366
Hunter-Lab	49.691, 40.887, -47.804
Binary	10101111, 01101011, 11011010

#af6bda
```
#af6bda rgb(175,107,218)
```
#96da6b
```
#96da6b rgb(150,218,107)
```

Complementary Color

#786bda
```
#786bda rgb(120,107,218)
```
#af6bda
```
#af6bda rgb(175,107,218)
```
#da6bce
```
#da6bce rgb(218,107,206)
```

Analogous Color

#6bda78
```
#6bda78 rgb(107,218,120)
```
#af6bda
```
#af6bda rgb(175,107,218)
```
#ceda6b
```
#ceda6b rgb(206,218,107)
```

Split Complementary Color

#6bdaaf
```
#6bdaaf rgb(107,218,175)
```
#af6bda
```
#af6bda rgb(175,107,218)
```
#daaf6b
```
#daaf6b rgb(218,175,107)
```

Triadic Color

#6b96da
```
#6b96da rgb(107,150,218)
```
#af6bda
```
#af6bda rgb(175,107,218)
```
#daaf6b
```
#daaf6b rgb(218,175,107)
```
#96da6b
```
#96da6b rgb(150,218,107)
```

Tetradic Color

#8d32c7
```
#8d32c7 rgb(141,50,199)
```
#9942d0
```
#9942d0 rgb(153,66,208)
```
#a457d5
```
#a457d5 rgb(164,87,213)
```
#af6bda
```
#af6bda rgb(175,107,218)
```
#ba7fdf
```
#ba7fdf rgb(186,127,223)
```
#c594e4
```
#c594e4 rgb(197,148,228)
```
#d0a8e9
```
#d0a8e9 rgb(208,168,233)
```

Monochromatic Color

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

#936bda
```
#936bda rgb(147,107,218)
```
#9d6bda
```
#9d6bda rgb(157,107,218)
```
#a66bda
```
#a66bda rgb(166,107,218)
```
#af6bda
```
#af6bda rgb(175,107,218)
```
#b86bda
```
#b86bda rgb(184,107,218)
```
#c26bda
```
#c26bda rgb(194,107,218)
```
#cb6bda
```
#cb6bda rgb(203,107,218)
```

Similar Colors

Text with hexadecimal color #af6bda

This text has a font color of #af6bda.

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

#af6bda background color

This paragraph has a background color of #af6bda.

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

#af6bda border color

This element has a border color of #af6bda.

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

CSS codes

.text {color:#af6bda;}

.background {background-color:#af6bda;}

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

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

#060209
```
#060209 rgb(6,2,9)
```
#110619
```
#110619 rgb(17,6,25)
```
#1d0a28
```
#1d0a28 rgb(29,10,40)
```
#280e38
```
#280e38 rgb(40,14,56)
```
#331248
```
#331248 rgb(51,18,72)
```
#3e1657
```
#3e1657 rgb(62,22,87)
```
#491a67
```
#491a67 rgb(73,26,103)
```
#541e77
```
#541e77 rgb(84,30,119)
```
#5f2286
```
#5f2286 rgb(95,34,134)
```
#6b2696
```
#6b2696 rgb(107,38,150)
```
#7629a6
```
#7629a6 rgb(118,41,166)
```
#812db6
```
#812db6 rgb(129,45,182)
```
#8c31c5
```
#8c31c5 rgb(140,49,197)
```

Shade Color Variation

#963cce
```
#963cce rgb(150,60,206)
```
#9e4cd2
```
#9e4cd2 rgb(158,76,210)
```
#a75bd6
```
#a75bd6 rgb(167,91,214)
```
#af6bda
```
#af6bda rgb(175,107,218)
```
#b77bde
```
#b77bde rgb(183,123,222)
```
#c08ae2
```
#c08ae2 rgb(192,138,226)
```
#c89ae6
```
#c89ae6 rgb(200,154,230)
```
#d1aaea
```
#d1aaea rgb(209,170,234)
```
#d9b9ee
```
#d9b9ee rgb(217,185,238)
```
#e2c9f2
```
#e2c9f2 rgb(226,201,242)
```
#ead9f5
```
#ead9f5 rgb(234,217,245)
```
#f3e9f9
```
#f3e9f9 rgb(243,233,249)
```
#fbf8fd
```
#fbf8fd rgb(251,248,253)
```

Tint Color Variation

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

#a49da8
```
#a49da8 rgb(164,157,168)
```
#a596af
```
#a596af rgb(165,150,175)
```
#a78fb6
```
#a78fb6 rgb(167,143,182)
```
#a987be
```
#a987be rgb(169,135,190)
```
#aa80c5
```
#aa80c5 rgb(170,128,197)
```
#ac79cc
```
#ac79cc rgb(172,121,204)
```
#ad72d3
```
#ad72d3 rgb(173,114,211)
```
#af6bda
```
#af6bda rgb(175,107,218)
```
#b164e1
```
#b164e1 rgb(177,100,225)
```
#b25de8
```
#b25de8 rgb(178,93,232)
```
#b456ef
```
#b456ef rgb(180,86,239)
```
#b54ff6
```
#b54ff6 rgb(181,79,246)
```
#b747fe
```
#b747fe rgb(183,71,254)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#93859c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a8bef Protanopia 1% of men
#688ed2 Deuteranopia 1% of men
#a4868f Tritanopia 0.001% of the population

Trichromacy

#797fe7 Protanomaly 1% of men, 0.01% of women
#8281d5 Deuteranomaly 6% of men, 0.4% of women
#a87caa Tritanomaly 0.01% of the population

#af6bda hex color

#af6bda Color Information

#af6bda Color Conversion

Color Schemes with #af6bda

Alternatives to #af6bda

#af6bda Preview

Shades and Tints of #af6bda

Tones of #af6bda

Color Blindness Simulator