#af4bda hex color

In a RGB color space, hex #af4bda is composed of 68.6% red, 29.4% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 65.6% magenta, 0% yellow and 14.5% black. It has a hue angle of 282 degrees, a saturation of 65.9% and a lightness of 57.5%. #af4bda color hex could be obtained by blending #ff96ff with #5f00b5. Closest websafe color is: #9933cc.

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

● #af4bda color description : Soft violet.

The hexadecimal color #af4bda has RGB values of R:175, G:75, B:218 and CMYK values of C:0.2, M:0.66, Y:0, K:0.15. Its decimal value is 11488218.

Hex triplet	af4bda	`#af4bda`
RGB Decimal	175, 75, 218	`rgb(175,75,218)`
RGB Percent	68.6, 29.4, 85.5	`rgb(68.6%,29.4%,85.5%)`
CMYK	20, 66, 0, 15
HSL	282°, 65.9, 57.5	`hsl(282,65.9%,57.5%)`
HSV (or HSB)	282°, 65.6, 85.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	50.931, 62.387, -55.81
XYZ	32.849, 19.209, 68.303
xyY	0.273, 0.16, 19.209
CIE-LCH	50.931, 83.707, 318.185
CIE-LUV	50.931, 34.435, -92.428
Hunter-Lab	43.828, 57.083, -61.719
Binary	10101111, 01001011, 11011010

#af4bda
```
#af4bda rgb(175,75,218)
```
#76da4b
```
#76da4b rgb(118,218,75)
```

Complementary Color

#684bda
```
#684bda rgb(104,75,218)
```
#af4bda
```
#af4bda rgb(175,75,218)
```
#da4bbe
```
#da4bbe rgb(218,75,190)
```

Analogous Color

#4bda68
```
#4bda68 rgb(75,218,104)
```
#af4bda
```
#af4bda rgb(175,75,218)
```
#beda4b
```
#beda4b rgb(190,218,75)
```

Split Complementary Color

#4bdaaf
```
#4bdaaf rgb(75,218,175)
```
#af4bda
```
#af4bda rgb(175,75,218)
```
#daaf4b
```
#daaf4b rgb(218,175,75)
```

Triadic Color

#4b76da
```
#4b76da rgb(75,118,218)
```
#af4bda
```
#af4bda rgb(175,75,218)
```
#daaf4b
```
#daaf4b rgb(218,175,75)
```
#76da4b
```
#76da4b rgb(118,218,75)
```

Tetradic Color

#8925b4
```
#8925b4 rgb(137,37,180)
```
#9929c9
```
#9929c9 rgb(153,41,201)
```
#a636d6
```
#a636d6 rgb(166,54,214)
```
#af4bda
```
#af4bda rgb(175,75,218)
```
#b860de
```
#b860de rgb(184,96,222)
```
#c275e3
```
#c275e3 rgb(194,117,227)
```
#cb8ae7
```
#cb8ae7 rgb(203,138,231)
```

Monochromatic Color

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

#8b4bda
```
#8b4bda rgb(139,75,218)
```
#974bda
```
#974bda rgb(151,75,218)
```
#a34bda
```
#a34bda rgb(163,75,218)
```
#af4bda
```
#af4bda rgb(175,75,218)
```
#bb4bda
```
#bb4bda rgb(187,75,218)
```
#c74bda
```
#c74bda rgb(199,75,218)
```
#d34bda
```
#d34bda rgb(211,75,218)
```

Similar Colors

Text with hexadecimal color #af4bda

This text has a font color of #af4bda.

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

#af4bda background color

This paragraph has a background color of #af4bda.

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

#af4bda border color

This element has a border color of #af4bda.

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

CSS codes

.text {color:#af4bda;}

.background {background-color:#af4bda;}

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

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

#0c030f
```
#0c030f rgb(12,3,15)
```
#180620
```
#180620 rgb(24,6,32)
```
#240a30
```
#240a30 rgb(36,10,48)
```
#310d40
```
#310d40 rgb(49,13,64)
```
#3d1150
```
#3d1150 rgb(61,17,80)
```
#4a1461
```
#4a1461 rgb(74,20,97)
```
#561771
```
#561771 rgb(86,23,113)
```
#621b81
```
#621b81 rgb(98,27,129)
```
#6f1e91
```
#6f1e91 rgb(111,30,145)
```
#7b21a2
```
#7b21a2 rgb(123,33,162)
```
#8725b2
```
#8725b2 rgb(135,37,178)
```
#9428c2
```
#9428c2 rgb(148,40,194)
```
#a02bd2
```
#a02bd2 rgb(160,43,210)
```

Shade Color Variation

#a83bd7
```
#a83bd7 rgb(168,59,215)
```
#af4bda
```
#af4bda rgb(175,75,218)
```
#b65bdd
```
#b65bdd rgb(182,91,221)
```
#bd6ce1
```
#bd6ce1 rgb(189,108,225)
```
#c57ce4
```
#c57ce4 rgb(197,124,228)
```
#cc8ce7
```
#cc8ce7 rgb(204,140,231)
```
#d39ceb
```
#d39ceb rgb(211,156,235)
```
#daadee
```
#daadee rgb(218,173,238)
```
#e2bdf1
```
#e2bdf1 rgb(226,189,241)
```
#e9cdf5
```
#e9cdf5 rgb(233,205,245)
```
#f0ddf8
```
#f0ddf8 rgb(240,221,248)
```
#f7eefb
```
#f7eefb rgb(247,238,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#948e97
```
#948e97 rgb(148,142,151)
```
#9885a0
```
#9885a0 rgb(152,133,160)
```
#9b7da8
```
#9b7da8 rgb(155,125,168)
```
#9e75b0
```
#9e75b0 rgb(158,117,176)
```
#a26cb9
```
#a26cb9 rgb(162,108,185)
```
#a564c1
```
#a564c1 rgb(165,100,193)
```
#a85cc9
```
#a85cc9 rgb(168,92,201)
```
#ac53d2
```
#ac53d2 rgb(172,83,210)
```
#af4bda
```
#af4bda rgb(175,75,218)
```
#b243e2
```
#b243e2 rgb(178,67,226)
```
#b63aeb
```
#b63aeb rgb(182,58,235)
```
#b932f3
```
#b932f3 rgb(185,50,243)
```
#bc2afb
```
#bc2afb rgb(188,42,251)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#84708c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#4381cd Deuteranopia 1% of men
#a1737b Tritanopia 0.001% of the population

Trichromacy

#3f6aea Protanomaly 1% of men, 0.01% of women
#6a6dd2 Deuteranomaly 6% of men, 0.4% of women
#a6659e Tritanomaly 0.01% of the population

#af4bda hex color

#af4bda Color Information

#af4bda Color Conversion

Color Schemes with #af4bda

Alternatives to #af4bda

#af4bda Preview

Shades and Tints of #af4bda

Tones of #af4bda

Color Blindness Simulator