#a696f8 hex color

In a RGB color space, hex #a696f8 is composed of 65.1% red, 58.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 39.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 249.8 degrees, a saturation of 87.5% and a lightness of 78%. #a696f8 color hex could be obtained by blending #ffffff with #4d2df1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 65
- G 59
- B 97
RGB color chart
- C 33
- M 40
- Y 0
- K 3
CMYK color chart

● #a696f8 color description : Very soft blue.

The hexadecimal color #a696f8 has RGB values of R:166, G:150, B:248 and CMYK values of C:0.33, M:0.4, Y:0, K:0.03. Its decimal value is 10917624.

Hex triplet	a696f8	`#a696f8`
RGB Decimal	166, 150, 248	`rgb(166,150,248)`
RGB Percent	65.1, 58.8, 97.3	`rgb(65.1%,58.8%,97.3%)`
CMYK	33, 40, 0, 3
HSL	249.8°, 87.5, 78	`hsl(249.8,87.5%,78%)`
HSV (or HSB)	249.8°, 39.5, 97.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.049, 27.564, -46.972
XYZ	43.572, 36.696, 93.589
xyY	0.251, 0.211, 36.696
CIE-LCH	67.049, 54.463, 300.405
CIE-LUV	67.049, 1.217, -79.14
Hunter-Lab	60.578, 22.381, -49.196
Binary	10100110, 10010110, 11111000

#a696f8
```
#a696f8 rgb(166,150,248)
```
#e8f896
```
#e8f896 rgb(232,248,150)
```

Complementary Color

#96b7f8
```
#96b7f8 rgb(150,183,248)
```
#a696f8
```
#a696f8 rgb(166,150,248)
```
#d796f8
```
#d796f8 rgb(215,150,248)
```

Analogous Color

#b7f896
```
#b7f896 rgb(183,248,150)
```
#a696f8
```
#a696f8 rgb(166,150,248)
```
#f8d796
```
#f8d796 rgb(248,215,150)
```

Split Complementary Color

#96f8a6
```
#96f8a6 rgb(150,248,166)
```
#a696f8
```
#a696f8 rgb(166,150,248)
```
#f8a696
```
#f8a696 rgb(248,166,150)
```

Triadic Color

#96e8f8
```
#96e8f8 rgb(150,232,248)
```
#a696f8
```
#a696f8 rgb(166,150,248)
```
#f8a696
```
#f8a696 rgb(248,166,150)
```
#e8f896
```
#e8f896 rgb(232,248,150)
```

Tetradic Color

#694ef3
```
#694ef3 rgb(105,78,243)
```
#7d66f5
```
#7d66f5 rgb(125,102,245)
```
#927ef6
```
#927ef6 rgb(146,126,246)
```
#a696f8
```
#a696f8 rgb(166,150,248)
```
#baaefa
```
#baaefa rgb(186,174,250)
```
#cfc6fb
```
#cfc6fb rgb(207,198,251)
```
#e3defd
```
#e3defd rgb(227,222,253)
```

Monochromatic Color

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

#969ff8
```
#969ff8 rgb(150,159,248)
```
#9696f8
```
#9696f8 rgb(150,150,248)
```
#9e96f8
```
#9e96f8 rgb(158,150,248)
```
#a696f8
```
#a696f8 rgb(166,150,248)
```
#ae96f8
```
#ae96f8 rgb(174,150,248)
```
#b696f8
```
#b696f8 rgb(182,150,248)
```
#bf96f8
```
#bf96f8 rgb(191,150,248)
```

Similar Colors

Text with hexadecimal color #a696f8

This text has a font color of #a696f8.

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

#a696f8 background color

This paragraph has a background color of #a696f8.

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

#a696f8 border color

This element has a border color of #a696f8.

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

CSS codes

.text {color:#a696f8;}

.background {background-color:#a696f8;}

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

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

#010005
```
#010005 rgb(1,0,5)
```
#050218
```
#050218 rgb(5,2,24)
```
#09032a
```
#09032a rgb(9,3,42)
```
#0d043d
```
#0d043d rgb(13,4,61)
```
#11054f
```
#11054f rgb(17,5,79)
```
#150661
```
#150661 rgb(21,6,97)
```
#190874
```
#190874 rgb(25,8,116)
```
#1d0986
```
#1d0986 rgb(29,9,134)
```
#210a98
```
#210a98 rgb(33,10,152)
```
#250bab
```
#250bab rgb(37,11,171)
```
#290dbd
```
#290dbd rgb(41,13,189)
```
#2d0ed0
```
#2d0ed0 rgb(45,14,208)
```
#320fe2
```
#320fe2 rgb(50,15,226)
```

Shade Color Variation

#3915ef
```
#3915ef rgb(57,21,239)
```
#4828f1
```
#4828f1 rgb(72,40,241)
```
#583af2
```
#583af2 rgb(88,58,242)
```
#684cf3
```
#684cf3 rgb(104,76,243)
```
#775ff4
```
#775ff4 rgb(119,95,244)
```
#8771f6
```
#8771f6 rgb(135,113,246)
```
#9684f7
```
#9684f7 rgb(150,132,247)
```
#a696f8
```
#a696f8 rgb(166,150,248)
```
#b6a8f9
```
#b6a8f9 rgb(182,168,249)
```
#c5bbfa
```
#c5bbfa rgb(197,187,250)
```
#d5cdfc
```
#d5cdfc rgb(213,205,252)
```
#e4e0fd
```
#e4e0fd rgb(228,224,253)
```
#f4f2fe
```
#f4f2fe rgb(244,242,254)
```

Tint Color Variation

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

#c6c5c9
```
#c6c5c9 rgb(198,197,201)
```
#c3c1cd
```
#c3c1cd rgb(195,193,205)
```
#c0bdd1
```
#c0bdd1 rgb(192,189,209)
```
#bdb8d6
```
#bdb8d6 rgb(189,184,214)
```
#bab4da
```
#bab4da rgb(186,180,218)
```
#b7b0de
```
#b7b0de rgb(183,176,222)
```
#b5ace2
```
#b5ace2 rgb(181,172,226)
```
#b2a7e7
```
#b2a7e7 rgb(178,167,231)
```
#afa3eb
```
#afa3eb rgb(175,163,235)
```
#ac9fef
```
#ac9fef rgb(172,159,239)
```
#a99af4
```
#a99af4 rgb(169,154,244)
```
#a696f8
```
#a696f8 rgb(166,150,248)
```
#a392fc
```
#a392fc rgb(163,146,252)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a6a3b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a5ff Protanopia 1% of men
#81a7f3 Deuteranopia 1% of men
#99aab6 Tritanopia 0.001% of the population

Trichromacy

#8f9ffc Protanomaly 1% of men, 0.01% of women
#8ea1f5 Deuteranomaly 6% of men, 0.4% of women
#9da2ce Tritanomaly 0.01% of the population

#a696f8 hex color

#a696f8 Color Information

#a696f8 Color Conversion

Color Schemes with #a696f8

Alternatives to #a696f8

#a696f8 Preview

Shades and Tints of #a696f8

Tones of #a696f8

Color Blindness Simulator