#af7bdc hex color

In a RGB color space, hex #af7bdc is composed of 68.6% red, 48.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 44.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 272.2 degrees, a saturation of 58.1% and a lightness of 67.3%. #af7bdc color hex could be obtained by blending #fff6ff with #5f00b9. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 48
- B 86
RGB color chart
- C 20
- M 44
- Y 0
- K 14
CMYK color chart

● #af7bdc color description : Very soft violet.

The hexadecimal color #af7bdc has RGB values of R:175, G:123, B:220 and CMYK values of C:0.2, M:0.44, Y:0, K:0.14. Its decimal value is 11500508.

Hex triplet	af7bdc	`#af7bdc`
RGB Decimal	175, 123, 220	`rgb(175,123,220)`
RGB Percent	68.6, 48.2, 86.3	`rgb(68.6%,48.2%,86.3%)`
CMYK	20, 44, 0, 14
HSL	272.2°, 58.1, 67.3	`hsl(272.2,58.1%,67.3%)`
HSV (or HSB)	272.2°, 44.1, 86.3
Web Safe	9966cc	`#9966cc`

CIE-LAB	60.291, 38.46, -42.068
XYZ	37.678, 28.448, 71.212
xyY	0.274, 0.207, 28.448
CIE-LCH	60.291, 56.999, 312.434
CIE-LUV	60.291, 19.157, -71.112
Hunter-Lab	53.336, 32.759, -41.826
Binary	10101111, 01111011, 11011100

#af7bdc
```
#af7bdc rgb(175,123,220)
```
#a8dc7b
```
#a8dc7b rgb(168,220,123)
```

Complementary Color

#7f7bdc
```
#7f7bdc rgb(127,123,220)
```
#af7bdc
```
#af7bdc rgb(175,123,220)
```
#dc7bd9
```
#dc7bd9 rgb(220,123,217)
```

Analogous Color

#7bdc7f
```
#7bdc7f rgb(123,220,127)
```
#af7bdc
```
#af7bdc rgb(175,123,220)
```
#d9dc7b
```
#d9dc7b rgb(217,220,123)
```

Split Complementary Color

#7bdcaf
```
#7bdcaf rgb(123,220,175)
```
#af7bdc
```
#af7bdc rgb(175,123,220)
```
#dcaf7b
```
#dcaf7b rgb(220,175,123)
```

Triadic Color

#7ba8dc
```
#7ba8dc rgb(123,168,220)
```
#af7bdc
```
#af7bdc rgb(175,123,220)
```
#dcaf7b
```
#dcaf7b rgb(220,175,123)
```
#a8dc7b
```
#a8dc7b rgb(168,220,123)
```

Tetradic Color

#8a3fcc
```
#8a3fcc rgb(138,63,204)
```
#9753d1
```
#9753d1 rgb(151,83,209)
```
#a367d7
```
#a367d7 rgb(163,103,215)
```
#af7bdc
```
#af7bdc rgb(175,123,220)
```
#bb8fe1
```
#bb8fe1 rgb(187,143,225)
```
#c7a3e7
```
#c7a3e7 rgb(199,163,231)
```
#d4b7ec
```
#d4b7ec rgb(212,183,236)
```

Monochromatic Color

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

#977bdc
```
#977bdc rgb(151,123,220)
```
#9f7bdc
```
#9f7bdc rgb(159,123,220)
```
#a77bdc
```
#a77bdc rgb(167,123,220)
```
#af7bdc
```
#af7bdc rgb(175,123,220)
```
#b77bdc
```
#b77bdc rgb(183,123,220)
```
#bf7bdc
```
#bf7bdc rgb(191,123,220)
```
#c77bdc
```
#c77bdc rgb(199,123,220)
```

Similar Colors

Text with hexadecimal color #af7bdc

This text has a font color of #af7bdc.

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

#af7bdc background color

This paragraph has a background color of #af7bdc.

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

#af7bdc border color

This element has a border color of #af7bdc.

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

CSS codes

.text {color:#af7bdc;}

.background {background-color:#af7bdc;}

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

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

#050208
```
#050208 rgb(5,2,8)
```
#0f0617
```
#0f0617 rgb(15,6,23)
```
#190a27
```
#190a27 rgb(25,10,39)
```
#240e36
```
#240e36 rgb(36,14,54)
```
#2e1246
```
#2e1246 rgb(46,18,70)
```
#381755
```
#381755 rgb(56,23,85)
```
#421b65
```
#421b65 rgb(66,27,101)
```
#4d1f74
```
#4d1f74 rgb(77,31,116)
```
#572384
```
#572384 rgb(87,35,132)
```
#612793
```
#612793 rgb(97,39,147)
```
#6b2ba3
```
#6b2ba3 rgb(107,43,163)
```
#752fb2
```
#752fb2 rgb(117,47,178)
```
#8033c2
```
#8033c2 rgb(128,51,194)
```

Shade Color Variation

#893dcc
```
#893dcc rgb(137,61,204)
```
#934cd0
```
#934cd0 rgb(147,76,208)
```
#9c5cd4
```
#9c5cd4 rgb(156,92,212)
```
#a66bd8
```
#a66bd8 rgb(166,107,216)
```
#af7bdc
```
#af7bdc rgb(175,123,220)
```
#b88be0
```
#b88be0 rgb(184,139,224)
```
#c29ae4
```
#c29ae4 rgb(194,154,228)
```
#cbaae8
```
#cbaae8 rgb(203,170,232)
```
#d5b9ec
```
#d5b9ec rgb(213,185,236)
```
#dec9f1
```
#dec9f1 rgb(222,201,241)
```
#e7d8f5
```
#e7d8f5 rgb(231,216,245)
```
#f1e8f9
```
#f1e8f9 rgb(241,232,249)
```
#faf7fd
```
#faf7fd rgb(250,247,253)
```

Tint Color Variation

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

#aca8af
```
#aca8af rgb(172,168,175)
```
#aca2b5
```
#aca2b5 rgb(172,162,181)
```
#ad9bbc
```
#ad9bbc rgb(173,155,188)
```
#ad95c2
```
#ad95c2 rgb(173,149,194)
```
#ae8ec9
```
#ae8ec9 rgb(174,142,201)
```
#ae88cf
```
#ae88cf rgb(174,136,207)
```
#af81d6
```
#af81d6 rgb(175,129,214)
```
#af7bdc
```
#af7bdc rgb(175,123,220)
```
#af75e2
```
#af75e2 rgb(175,117,226)
```
#b06ee9
```
#b06ee9 rgb(176,110,233)
```
#b068ef
```
#b068ef rgb(176,104,239)
```
#b161f6
```
#b161f6 rgb(177,97,246)
```
#b15bfc
```
#b15bfc rgb(177,91,252)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9b91a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7194eb Protanopia 1% of men
#7996d6 Deuteranopia 1% of men
#a5919b Tritanopia 0.001% of the population

Trichromacy

#878be6 Protanomaly 1% of men, 0.01% of women
#8c8cd8 Deuteranomaly 6% of men, 0.4% of women
#a989b3 Tritanomaly 0.01% of the population

#af7bdc hex color

#af7bdc Color Information

#af7bdc Color Conversion

Color Schemes with #af7bdc

Alternatives to #af7bdc

#af7bdc Preview

Shades and Tints of #af7bdc

Tones of #af7bdc

Color Blindness Simulator