#a296e4 hex color

In a RGB color space, hex #a296e4 is composed of 63.5% red, 58.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 34.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 249.2 degrees, a saturation of 59.1% and a lightness of 74.1%. #a296e4 color hex could be obtained by blending #ffffff with #452dc9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 64
- G 59
- B 89
RGB color chart
- C 29
- M 34
- Y 0
- K 11
CMYK color chart

● #a296e4 color description : Very soft blue.

The hexadecimal color #a296e4 has RGB values of R:162, G:150, B:228 and CMYK values of C:0.29, M:0.34, Y:0, K:0.11. Its decimal value is 10655460.

Hex triplet	a296e4	`#a296e4`
RGB Decimal	162, 150, 228	`rgb(162,150,228)`
RGB Percent	63.5, 58.8, 89.4	`rgb(63.5%,58.8%,89.4%)`
CMYK	29, 34, 0, 11
HSL	249.2°, 59.1, 74.1	`hsl(249.2,59.1%,74.1%)`
HSV (or HSB)	249.2°, 34.2, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.823, 21.409, -37.935
XYZ	39.808, 35.095, 78.071
xyY	0.26, 0.229, 35.095
CIE-LCH	65.823, 43.559, 299.439
CIE-LUV	65.823, 0.93, -63.097
Hunter-Lab	59.241, 16.273, -36.667
Binary	10100010, 10010110, 11100100

#a296e4
```
#a296e4 rgb(162,150,228)
```
#d8e496
```
#d8e496 rgb(216,228,150)
```

Complementary Color

#96b1e4
```
#96b1e4 rgb(150,177,228)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#c996e4
```
#c996e4 rgb(201,150,228)
```

Analogous Color

#b1e496
```
#b1e496 rgb(177,228,150)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#e4c996
```
#e4c996 rgb(228,201,150)
```

Split Complementary Color

#96e4a2
```
#96e4a2 rgb(150,228,162)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#e4a296
```
#e4a296 rgb(228,162,150)
```

Triadic Color

#96d8e4
```
#96d8e4 rgb(150,216,228)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#e4a296
```
#e4a296 rgb(228,162,150)
```
#d8e496
```
#d8e496 rgb(216,228,150)
```

Tetradic Color

#6c59d4
```
#6c59d4 rgb(108,89,212)
```
#7e6dda
```
#7e6dda rgb(126,109,218)
```
#9082df
```
#9082df rgb(144,130,223)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#b4aae9
```
#b4aae9 rgb(180,170,233)
```
#c6bfee
```
#c6bfee rgb(198,191,238)
```
#d8d3f4
```
#d8d3f4 rgb(216,211,244)
```

Monochromatic Color

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

#969ee4
```
#969ee4 rgb(150,158,228)
```
#9697e4
```
#9697e4 rgb(150,151,228)
```
#9c96e4
```
#9c96e4 rgb(156,150,228)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#a996e4
```
#a996e4 rgb(169,150,228)
```
#af96e4
```
#af96e4 rgb(175,150,228)
```
#b696e4
```
#b696e4 rgb(182,150,228)
```

Similar Colors

Text with hexadecimal color #a296e4

This text has a font color of #a296e4.

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

#a296e4 background color

This paragraph has a background color of #a296e4.

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

#a296e4 border color

This element has a border color of #a296e4.

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

CSS codes

.text {color:#a296e4;}

.background {background-color:#a296e4;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#070514
```
#070514 rgb(7,5,20)
```
#0d0923
```
#0d0923 rgb(13,9,35)
```
#130d33
```
#130d33 rgb(19,13,51)
```
#191143
```
#191143 rgb(25,17,67)
```
#1f1552
```
#1f1552 rgb(31,21,82)
```
#241962
```
#241962 rgb(36,25,98)
```
#2a1d71
```
#2a1d71 rgb(42,29,113)
```
#302181
```
#302181 rgb(48,33,129)
```
#362591
```
#362591 rgb(54,37,145)
```
#3c29a0
```
#3c29a0 rgb(60,41,160)
```
#412db0
```
#412db0 rgb(65,45,176)
```
#4731bf
```
#4731bf rgb(71,49,191)
```

Shade Color Variation

#4f38cc
```
#4f38cc rgb(79,56,204)
```
#5d48d0
```
#5d48d0 rgb(93,72,208)
```
#6b58d4
```
#6b58d4 rgb(107,88,212)
```
#7967d8
```
#7967d8 rgb(121,103,216)
```
#8677dc
```
#8677dc rgb(134,119,220)
```
#9486e0
```
#9486e0 rgb(148,134,224)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#b0a6e8
```
#b0a6e8 rgb(176,166,232)
```
#beb5ec
```
#beb5ec rgb(190,181,236)
```
#cbc5f0
```
#cbc5f0 rgb(203,197,240)
```
#d9d4f4
```
#d9d4f4 rgb(217,212,244)
```
#e7e4f8
```
#e7e4f8 rgb(231,228,248)
```
#f5f4fc
```
#f5f4fc rgb(245,244,252)
```

Tint Color Variation

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

#bbbac0
```
#bbbac0 rgb(187,186,192)
```
#b7b4c6
```
#b7b4c6 rgb(183,180,198)
```
#b4afcb
```
#b4afcb rgb(180,175,203)
```
#b0aad0
```
#b0aad0 rgb(176,170,208)
```
#ada5d5
```
#ada5d5 rgb(173,165,213)
```
#a9a0da
```
#a9a0da rgb(169,160,218)
```
#a69bdf
```
#a69bdf rgb(166,155,223)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#9e91e9
```
#9e91e9 rgb(158,145,233)
```
#9b8cee
```
#9b8cee rgb(155,140,238)
```
#9787f3
```
#9787f3 rgb(151,135,243)
```
#9482f8
```
#9482f8 rgb(148,130,248)
```
#907dfd
```
#907dfd rgb(144,125,253)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a2a0af Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa2ea Protanopia 1% of men
#8ca3e2 Deuteranopia 1% of men
#9aa6b2 Tritanopia 0.001% of the population

Trichromacy

#939de8 Protanomaly 1% of men, 0.01% of women
#949ee3 Deuteranomaly 6% of men, 0.4% of women
#9da0c4 Tritanomaly 0.01% of the population

#a296e4 hex color

#a296e4 Color Information

#a296e4 Color Conversion

Color Schemes with #a296e4

Alternatives to #a296e4

#a296e4 Preview

Shades and Tints of #a296e4

Tones of #a296e4

Color Blindness Simulator