#a696cc hex color

In a RGB color space, hex #a696cc is composed of 65.1% red, 58.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 26.5% magenta, 0% yellow and 20% black. It has a hue angle of 257.8 degrees, a saturation of 34.6% and a lightness of 69.4%. #a696cc color hex could be obtained by blending #ffffff with #4d2d99. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 65
- G 59
- B 80
RGB color chart
- C 19
- M 26
- Y 0
- K 20
CMYK color chart

● #a696cc color description : Slightly desaturated violet.

The hexadecimal color #a696cc has RGB values of R:166, G:150, B:204 and CMYK values of C:0.19, M:0.26, Y:0, K:0.2. Its decimal value is 10917580.

Hex triplet	a696cc	`#a696cc`
RGB Decimal	166, 150, 204	`rgb(166,150,204)`
RGB Percent	65.1, 58.8, 80	`rgb(65.1%,58.8%,80%)`
CMYK	19, 26, 0, 20
HSL	257.8°, 34.6, 69.4	`hsl(257.8,34.6%,69.4%)`
HSV (or HSB)	257.8°, 26.5, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.184, 16.886, -25.587
XYZ	37.529, 34.279, 61.763
xyY	0.281, 0.257, 34.279
CIE-LCH	65.184, 30.657, 303.423
CIE-LUV	65.184, 4.953, -42.143
Hunter-Lab	58.549, 11.958, -21.561
Binary	10100110, 10010110, 11001100

#a696cc
```
#a696cc rgb(166,150,204)
```
#bccc96
```
#bccc96 rgb(188,204,150)
```

Complementary Color

#96a1cc
```
#96a1cc rgb(150,161,204)
```
#a696cc
```
#a696cc rgb(166,150,204)
```
#c196cc
```
#c196cc rgb(193,150,204)
```

Analogous Color

#a1cc96
```
#a1cc96 rgb(161,204,150)
```
#a696cc
```
#a696cc rgb(166,150,204)
```
#ccc196
```
#ccc196 rgb(204,193,150)
```

Split Complementary Color

#96cca6
```
#96cca6 rgb(150,204,166)
```
#a696cc
```
#a696cc rgb(166,150,204)
```
#cca696
```
#cca696 rgb(204,166,150)
```

Triadic Color

#96bccc
```
#96bccc rgb(150,188,204)
```
#a696cc
```
#a696cc rgb(166,150,204)
```
#cca696
```
#cca696 rgb(204,166,150)
```
#bccc96
```
#bccc96 rgb(188,204,150)
```

Tetradic Color

#7a63b3
```
#7a63b3 rgb(122,99,179)
```
#8974bb
```
#8974bb rgb(137,116,187)
```
#9785c4
```
#9785c4 rgb(151,133,196)
```
#a696cc
```
#a696cc rgb(166,150,204)
```
#b5a7d4
```
#b5a7d4 rgb(181,167,212)
```
#c3b8dd
```
#c3b8dd rgb(195,184,221)
```
#d2c9e5
```
#d2c9e5 rgb(210,201,229)
```

Monochromatic Color

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

#9996cc
```
#9996cc rgb(153,150,204)
```
#9d96cc
```
#9d96cc rgb(157,150,204)
```
#a296cc
```
#a296cc rgb(162,150,204)
```
#a696cc
```
#a696cc rgb(166,150,204)
```
#ab96cc
```
#ab96cc rgb(171,150,204)
```
#af96cc
```
#af96cc rgb(175,150,204)
```
#b496cc
```
#b496cc rgb(180,150,204)
```

Similar Colors

Text with hexadecimal color #a696cc

This text has a font color of #a696cc.

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

#a696cc background color

This paragraph has a background color of #a696cc.

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

#a696cc border color

This element has a border color of #a696cc.

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

CSS codes

.text {color:#a696cc;}

.background {background-color:#a696cc;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#09070e
```
#09070e rgb(9,7,14)
```
#110d1b
```
#110d1b rgb(17,13,27)
```
#1a1428
```
#1a1428 rgb(26,20,40)
```
#221a35
```
#221a35 rgb(34,26,53)
```
#2b2043
```
#2b2043 rgb(43,32,67)
```
#332750
```
#332750 rgb(51,39,80)
```
#3b2d5d
```
#3b2d5d rgb(59,45,93)
```
#44346a
```
#44346a rgb(68,52,106)
```
#4c3a77
```
#4c3a77 rgb(76,58,119)
```
#554085
```
#554085 rgb(85,64,133)
```
#5d4792
```
#5d4792 rgb(93,71,146)
```
#654d9f
```
#654d9f rgb(101,77,159)
```

Shade Color Variation

#6e54ac
```
#6e54ac rgb(110,84,172)
```
#7961b2
```
#7961b2 rgb(121,97,178)
```
#846eb9
```
#846eb9 rgb(132,110,185)
```
#907cbf
```
#907cbf rgb(144,124,191)
```
#9b89c6
```
#9b89c6 rgb(155,137,198)
```
#a696cc
```
#a696cc rgb(166,150,204)
```
#b1a3d2
```
#b1a3d2 rgb(177,163,210)
```
#bcb0d9
```
#bcb0d9 rgb(188,176,217)
```
#c8bedf
```
#c8bedf rgb(200,190,223)
```
#d3cbe6
```
#d3cbe6 rgb(211,203,230)
```
#ded8ec
```
#ded8ec rgb(222,216,236)
```
#e9e5f2
```
#e9e5f2 rgb(233,229,242)
```
#f4f2f9
```
#f4f2f9 rgb(244,242,249)
```

Tint Color Variation

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

#b0aeb4
```
#b0aeb4 rgb(176,174,180)
```
#ada8ba
```
#ada8ba rgb(173,168,186)
```
#aba2c0
```
#aba2c0 rgb(171,162,192)
```
#a89cc6
```
#a89cc6 rgb(168,156,198)
```
#a696cc
```
#a696cc rgb(166,150,204)
```
#a490d2
```
#a490d2 rgb(164,144,210)
```
#a18ad8
```
#a18ad8 rgb(161,138,216)
```
#9f84de
```
#9f84de rgb(159,132,222)
```
#9c7ee4
```
#9c7ee4 rgb(156,126,228)
```
#9a78ea
```
#9a78ea rgb(154,120,234)
```
#9772f0
```
#9772f0 rgb(151,114,240)
```
#956cf6
```
#956cf6 rgb(149,108,246)
```
#9266fc
```
#9266fc rgb(146,102,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a29faa Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a1d2 Protanopia 1% of men
#9aa0cc Deuteranopia 1% of men
#a3a2ad Tritanopia 0.001% of the population

Trichromacy

#9b9dd0 Protanomaly 1% of men, 0.01% of women
#9e9ccc Deuteranomaly 6% of men, 0.4% of women
#a49db8 Tritanomaly 0.01% of the population

#a696cc hex color

#a696cc Color Information

#a696cc Color Conversion

Color Schemes with #a696cc

Alternatives to #a696cc

#a696cc Preview

Shades and Tints of #a696cc

Tones of #a696cc

Color Blindness Simulator