#a296f9 hex color

In a RGB color space, hex #a296f9 is composed of 63.5% red, 58.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 34.9% cyan, 39.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 247.3 degrees, a saturation of 89.2% and a lightness of 78.2%. #a296f9 color hex could be obtained by blending #ffffff with #452df3. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 64
- G 59
- B 98
RGB color chart
- C 35
- M 40
- Y 0
- K 2
CMYK color chart

● #a296f9 color description : Very soft blue.

The hexadecimal color #a296f9 has RGB values of R:162, G:150, B:249 and CMYK values of C:0.35, M:0.4, Y:0, K:0.02. Its decimal value is 10655481.

Hex triplet	a296f9	`#a296f9`
RGB Decimal	162, 150, 249	`rgb(162,150,249)`
RGB Percent	63.5, 58.8, 97.6	`rgb(63.5%,58.8%,97.6%)`
CMYK	35, 40, 0, 2
HSL	247.3°, 89.2, 78.2	`hsl(247.3,89.2%,78.2%)`
HSV (or HSB)	247.3°, 39.8, 97.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.774, 26.763, -47.974
XYZ	42.902, 36.333, 94.37
xyY	0.247, 0.209, 36.333
CIE-LCH	66.774, 54.934, 299.156
CIE-LUV	66.774, -0.708, -80.653
Hunter-Lab	60.277, 21.564, -50.631
Binary	10100010, 10010110, 11111001

#a296f9
```
#a296f9 rgb(162,150,249)
```
#edf996
```
#edf996 rgb(237,249,150)
```

Complementary Color

#96bcf9
```
#96bcf9 rgb(150,188,249)
```
#a296f9
```
#a296f9 rgb(162,150,249)
```
#d496f9
```
#d496f9 rgb(212,150,249)
```

Analogous Color

#bcf996
```
#bcf996 rgb(188,249,150)
```
#a296f9
```
#a296f9 rgb(162,150,249)
```
#f9d496
```
#f9d496 rgb(249,212,150)
```

Split Complementary Color

#96f9a2
```
#96f9a2 rgb(150,249,162)
```
#a296f9
```
#a296f9 rgb(162,150,249)
```
#f9a296
```
#f9a296 rgb(249,162,150)
```

Triadic Color

#96edf9
```
#96edf9 rgb(150,237,249)
```
#a296f9
```
#a296f9 rgb(162,150,249)
```
#f9a296
```
#f9a296 rgb(249,162,150)
```
#edf996
```
#edf996 rgb(237,249,150)
```

Tetradic Color

#624ef5
```
#624ef5 rgb(98,78,245)
```
#7766f6
```
#7766f6 rgb(119,102,246)
```
#8d7ef8
```
#8d7ef8 rgb(141,126,248)
```
#a296f9
```
#a296f9 rgb(162,150,249)
```
#b7aefa
```
#b7aefa rgb(183,174,250)
```
#cdc6fc
```
#cdc6fc rgb(205,198,252)
```
#e2defd
```
#e2defd rgb(226,222,253)
```

Monochromatic Color

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

#96a3f9
```
#96a3f9 rgb(150,163,249)
```
#969bf9
```
#969bf9 rgb(150,155,249)
```
#9a96f9
```
#9a96f9 rgb(154,150,249)
```
#a296f9
```
#a296f9 rgb(162,150,249)
```
#aa96f9
```
#aa96f9 rgb(170,150,249)
```
#b396f9
```
#b396f9 rgb(179,150,249)
```
#bb96f9
```
#bb96f9 rgb(187,150,249)
```

Similar Colors

Text with hexadecimal color #a296f9

This text has a font color of #a296f9.

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

#a296f9 background color

This paragraph has a background color of #a296f9.

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

#a296f9 border color

This element has a border color of #a296f9.

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

CSS codes

.text {color:#a296f9;}

.background {background-color:#a296f9;}

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

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

#010006
```
#010006 rgb(1,0,6)
```
#040119
```
#040119 rgb(4,1,25)
```
#07022b
```
#07022b rgb(7,2,43)
```
#0b043e
```
#0b043e rgb(11,4,62)
```
#0e0551
```
#0e0551 rgb(14,5,81)
```
#110663
```
#110663 rgb(17,6,99)
```
#140776
```
#140776 rgb(20,7,118)
```
#170888
```
#170888 rgb(23,8,136)
```
#1b099b
```
#1b099b rgb(27,9,155)
```
#1e0aad
```
#1e0aad rgb(30,10,173)
```
#210bc0
```
#210bc0 rgb(33,11,192)
```
#240cd2
```
#240cd2 rgb(36,12,210)
```
#270de5
```
#270de5 rgb(39,13,229)
```

Shade Color Variation

#2f14f2
```
#2f14f2 rgb(47,20,242)
```
#3f27f3
```
#3f27f3 rgb(63,39,243)
```
#5039f4
```
#5039f4 rgb(80,57,244)
```
#604cf5
```
#604cf5 rgb(96,76,245)
```
#715ef6
```
#715ef6 rgb(113,94,246)
```
#8171f7
```
#8171f7 rgb(129,113,247)
```
#9283f8
```
#9283f8 rgb(146,131,248)
```
#a296f9
```
#a296f9 rgb(162,150,249)
```
#b2a9fa
```
#b2a9fa rgb(178,169,250)
```
#c3bbfb
```
#c3bbfb rgb(195,187,251)
```
#d3cefc
```
#d3cefc rgb(211,206,252)
```
#e4e0fd
```
#e4e0fd rgb(228,224,253)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Tint Color Variation

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

#c6c5ca
```
#c6c5ca rgb(198,197,202)
```
#c2c1ce
```
#c2c1ce rgb(194,193,206)
```
#bfbcd3
```
#bfbcd3 rgb(191,188,211)
```
#bcb8d7
```
#bcb8d7 rgb(188,184,215)
```
#b9b4db
```
#b9b4db rgb(185,180,219)
```
#b5b0df
```
#b5b0df rgb(181,176,223)
```
#b2abe4
```
#b2abe4 rgb(178,171,228)
```
#afa7e8
```
#afa7e8 rgb(175,167,232)
```
#aca3ec
```
#aca3ec rgb(172,163,236)
```
#a89ff0
```
#a89ff0 rgb(168,159,240)
```
#a59af5
```
#a59af5 rgb(165,154,245)
```
#a296f9
```
#a296f9 rgb(162,150,249)
```
#9f92fd
```
#9f92fd rgb(159,146,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a4a2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a4ff Protanopia 1% of men
#7ea6f5 Deuteranopia 1% of men
#94aab6 Tritanopia 0.001% of the population

Trichromacy

#8d9ffc Protanomaly 1% of men, 0.01% of women
#8ba0f6 Deuteranomaly 6% of men, 0.4% of women
#99a3ce Tritanomaly 0.01% of the population

#a296f9 hex color

#a296f9 Color Information

#a296f9 Color Conversion

Color Schemes with #a296f9

Alternatives to #a296f9

#a296f9 Preview

Shades and Tints of #a296f9

Tones of #a296f9

Color Blindness Simulator