#af68d5 hex color

In a RGB color space, hex #af68d5 is composed of 68.6% red, 40.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 51.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 279.1 degrees, a saturation of 56.5% and a lightness of 62.2%. #af68d5 color hex could be obtained by blending #ffd0ff with #5f00ab. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 41
- B 84
RGB color chart
- C 18
- M 51
- Y 0
- K 16
CMYK color chart

● #af68d5 color description : Moderate violet.

The hexadecimal color #af68d5 has RGB values of R:175, G:104, B:213 and CMYK values of C:0.18, M:0.51, Y:0, K:0.16. Its decimal value is 11495637.

Hex triplet	af68d5	`#af68d5`
RGB Decimal	175, 104, 213	`rgb(175,104,213)`
RGB Percent	68.6, 40.8, 83.5	`rgb(68.6%,40.8%,83.5%)`
CMYK	18, 51, 0, 16
HSL	279.1°, 56.5, 62.2	`hsl(279.1,56.5%,62.2%)`
HSV (or HSB)	279.1°, 51.2, 83.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	55.907, 47.2, -45.045
XYZ	34.638, 23.82, 65.72
xyY	0.279, 0.192, 23.82
CIE-LCH	55.907, 65.245, 316.339
CIE-LUV	55.907, 27.15, -75.896
Hunter-Lab	48.805, 41.276, -45.675
Binary	10101111, 01101000, 11010101

#af68d5
```
#af68d5 rgb(175,104,213)
```
#8ed568
```
#8ed568 rgb(142,213,104)
```

Complementary Color

#7968d5
```
#7968d5 rgb(121,104,213)
```
#af68d5
```
#af68d5 rgb(175,104,213)
```
#d568c5
```
#d568c5 rgb(213,104,197)
```

Analogous Color

#68d579
```
#68d579 rgb(104,213,121)
```
#af68d5
```
#af68d5 rgb(175,104,213)
```
#c5d568
```
#c5d568 rgb(197,213,104)
```

Split Complementary Color

#68d5af
```
#68d5af rgb(104,213,175)
```
#af68d5
```
#af68d5 rgb(175,104,213)
```
#d5af68
```
#d5af68 rgb(213,175,104)
```

Triadic Color

#688ed5
```
#688ed5 rgb(104,142,213)
```
#af68d5
```
#af68d5 rgb(175,104,213)
```
#d5af68
```
#d5af68 rgb(213,175,104)
```
#8ed568
```
#8ed568 rgb(142,213,104)
```

Tetradic Color

#8d34bc
```
#8d34bc rgb(141,52,188)
```
#9a40ca
```
#9a40ca rgb(154,64,202)
```
#a454cf
```
#a454cf rgb(164,84,207)
```
#af68d5
```
#af68d5 rgb(175,104,213)
```
#ba7cdb
```
#ba7cdb rgb(186,124,219)
```
#c490e0
```
#c490e0 rgb(196,144,224)
```
#cfa4e6
```
#cfa4e6 rgb(207,164,230)
```

Monochromatic Color

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

#9468d5
```
#9468d5 rgb(148,104,213)
```
#9d68d5
```
#9d68d5 rgb(157,104,213)
```
#a668d5
```
#a668d5 rgb(166,104,213)
```
#af68d5
```
#af68d5 rgb(175,104,213)
```
#b868d5
```
#b868d5 rgb(184,104,213)
```
#c168d5
```
#c168d5 rgb(193,104,213)
```
#ca68d5
```
#ca68d5 rgb(202,104,213)
```

Similar Colors

Text with hexadecimal color #af68d5

This text has a font color of #af68d5.

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

#af68d5 background color

This paragraph has a background color of #af68d5.

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

#af68d5 border color

This element has a border color of #af68d5.

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

CSS codes

.text {color:#af68d5;}

.background {background-color:#af68d5;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0d0512
```
#0d0512 rgb(13,5,18)
```
#190921
```
#190921 rgb(25,9,33)
```
#240d31
```
#240d31 rgb(36,13,49)
```
#301240
```
#301240 rgb(48,18,64)
```
#3b164f
```
#3b164f rgb(59,22,79)
```
#471a5f
```
#471a5f rgb(71,26,95)
```
#521f6e
```
#521f6e rgb(82,31,110)
```
#5e237d
```
#5e237d rgb(94,35,125)
```
#69278d
```
#69278d rgb(105,39,141)
```
#752b9c
```
#752b9c rgb(117,43,156)
```
#8030ab
```
#8030ab rgb(128,48,171)
```
#8c34bb
```
#8c34bb rgb(140,52,187)
```

Shade Color Variation

#973ac8
```
#973ac8 rgb(151,58,200)
```
#9f49cc
```
#9f49cc rgb(159,73,204)
```
#a759d1
```
#a759d1 rgb(167,89,209)
```
#af68d5
```
#af68d5 rgb(175,104,213)
```
#b777d9
```
#b777d9 rgb(183,119,217)
```
#bf87de
```
#bf87de rgb(191,135,222)
```
#c796e2
```
#c796e2 rgb(199,150,226)
```
#d0a5e6
```
#d0a5e6 rgb(208,165,230)
```
#d8b5ea
```
#d8b5ea rgb(216,181,234)
```
#e0c4ef
```
#e0c4ef rgb(224,196,239)
```
#e8d3f3
```
#e8d3f3 rgb(232,211,243)
```
#f0e3f7
```
#f0e3f7 rgb(240,227,247)
```
#f8f2fb
```
#f8f2fb rgb(248,242,251)
```

Tint Color Variation

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

#9f9ca1
```
#9f9ca1 rgb(159,156,161)
```
#a295a8
```
#a295a8 rgb(162,149,168)
```
#a48db0
```
#a48db0 rgb(164,141,176)
```
#a686b7
```
#a686b7 rgb(166,134,183)
```
#a87ebf
```
#a87ebf rgb(168,126,191)
```
#ab77c6
```
#ab77c6 rgb(171,119,198)
```
#ad6fce
```
#ad6fce rgb(173,111,206)
```
#af68d5
```
#af68d5 rgb(175,104,213)
```
#b161dc
```
#b161dc rgb(177,97,220)
```
#b359e4
```
#b359e4 rgb(179,89,228)
```
#b652eb
```
#b652eb rgb(182,82,235)
```
#b84af3
```
#b84af3 rgb(184,74,243)
```
#ba43fa
```
#ba43fa rgb(186,67,250)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#918399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a89eb Protanopia 1% of men
#698bcd Deuteranopia 1% of men
#a5838c Tritanopia 0.001% of the population

Trichromacy

#787de3 Protanomaly 1% of men, 0.01% of women
#827ed0 Deuteranomaly 6% of men, 0.4% of women
#a879a6 Tritanomaly 0.01% of the population

#af68d5 hex color

#af68d5 Color Information

#af68d5 Color Conversion

Color Schemes with #af68d5

Alternatives to #af68d5

#af68d5 Preview

Shades and Tints of #af68d5

Tones of #af68d5

Color Blindness Simulator