#a285e4 hex color

In a RGB color space, hex #a285e4 is composed of 63.5% red, 52.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 41.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 258.3 degrees, a saturation of 63.8% and a lightness of 70.8%. #a285e4 color hex could be obtained by blending #ffffff with #450bc9. Closest websafe color is: #9999cc.

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

● #a285e4 color description : Very soft violet.

The hexadecimal color #a285e4 has RGB values of R:162, G:133, B:228 and CMYK values of C:0.29, M:0.42, Y:0, K:0.11. Its decimal value is 10651108.

Hex triplet	a285e4	`#a285e4`
RGB Decimal	162, 133, 228	`rgb(162,133,228)`
RGB Percent	63.5, 52.2, 89.4	`rgb(63.5%,52.2%,89.4%)`
CMYK	29, 42, 0, 11
HSL	258.3°, 63.8, 70.8	`hsl(258.3,63.8%,70.8%)`
HSV (or HSB)	258.3°, 41.7, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.704, 31.099, -44.392
XYZ	37.289, 30.058, 77.232
xyY	0.258, 0.208, 30.058
CIE-LCH	61.704, 54.202, 305.014
CIE-LUV	61.704, 7.511, -74.228
Hunter-Lab	54.825, 25.462, -45.144
Binary	10100010, 10000101, 11100100

#a285e4
```
#a285e4 rgb(162,133,228)
```
#c7e485
```
#c7e485 rgb(199,228,133)
```

Complementary Color

#8598e4
```
#8598e4 rgb(133,152,228)
```
#a285e4
```
#a285e4 rgb(162,133,228)
```
#d285e4
```
#d285e4 rgb(210,133,228)
```

Analogous Color

#98e485
```
#98e485 rgb(152,228,133)
```
#a285e4
```
#a285e4 rgb(162,133,228)
```
#e4d285
```
#e4d285 rgb(228,210,133)
```

Split Complementary Color

#85e4a2
```
#85e4a2 rgb(133,228,162)
```
#a285e4
```
#a285e4 rgb(162,133,228)
```
#e4a285
```
#e4a285 rgb(228,162,133)
```

Triadic Color

#85c7e4
```
#85c7e4 rgb(133,199,228)
```
#a285e4
```
#a285e4 rgb(162,133,228)
```
#e4a285
```
#e4a285 rgb(228,162,133)
```
#c7e485
```
#c7e485 rgb(199,228,133)
```

Tetradic Color

#7246d6
```
#7246d6 rgb(114,70,214)
```
#825bdb
```
#825bdb rgb(130,91,219)
```
#9270df
```
#9270df rgb(146,112,223)
```
#a285e4
```
#a285e4 rgb(162,133,228)
```
#b29ae9
```
#b29ae9 rgb(178,154,233)
```
#c2afed
```
#c2afed rgb(194,175,237)
```
#d2c4f2
```
#d2c4f2 rgb(210,196,242)
```

Monochromatic Color

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

#8a85e4
```
#8a85e4 rgb(138,133,228)
```
#9285e4
```
#9285e4 rgb(146,133,228)
```
#9a85e4
```
#9a85e4 rgb(154,133,228)
```
#a285e4
```
#a285e4 rgb(162,133,228)
```
#aa85e4
```
#aa85e4 rgb(170,133,228)
```
#b285e4
```
#b285e4 rgb(178,133,228)
```
#ba85e4
```
#ba85e4 rgb(186,133,228)
```

Similar Colors

Text with hexadecimal color #a285e4

This text has a font color of #a285e4.

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

#a285e4 background color

This paragraph has a background color of #a285e4.

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

#a285e4 border color

This element has a border color of #a285e4.

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

CSS codes

.text {color:#a285e4;}

.background {background-color:#a285e4;}

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

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

#030106
```
#030106 rgb(3,1,6)
```
#0a0517
```
#0a0517 rgb(10,5,23)
```
#120927
```
#120927 rgb(18,9,39)
```
#190c37
```
#190c37 rgb(25,12,55)
```
#201047
```
#201047 rgb(32,16,71)
```
#281357
```
#281357 rgb(40,19,87)
```
#2f1767
```
#2f1767 rgb(47,23,103)
```
#371a77
```
#371a77 rgb(55,26,119)
```
#3e1e87
```
#3e1e87 rgb(62,30,135)
```
#452197
```
#452197 rgb(69,33,151)
```
#4d25a7
```
#4d25a7 rgb(77,37,167)
```
#5429b7
```
#5429b7 rgb(84,41,183)
```
#5b2cc7
```
#5b2cc7 rgb(91,44,199)
```

Shade Color Variation

#6535d2
```
#6535d2 rgb(101,53,210)
```
#7145d6
```
#7145d6 rgb(113,69,214)
```
#7d55d9
```
#7d55d9 rgb(125,85,217)
```
#8a65dd
```
#8a65dd rgb(138,101,221)
```
#9675e0
```
#9675e0 rgb(150,117,224)
```
#a285e4
```
#a285e4 rgb(162,133,228)
```
#ae95e8
```
#ae95e8 rgb(174,149,232)
```
#baa5eb
```
#baa5eb rgb(186,165,235)
```
#c7b5ef
```
#c7b5ef rgb(199,181,239)
```
#d3c5f2
```
#d3c5f2 rgb(211,197,242)
```
#dfd5f6
```
#dfd5f6 rgb(223,213,246)
```
#ebe5f9
```
#ebe5f9 rgb(235,229,249)
```
#f8f5fd
```
#f8f5fd rgb(248,245,253)
```

Tint Color Variation

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

#b4b3b6
```
#b4b3b6 rgb(180,179,182)
```
#b2adbc
```
#b2adbc rgb(178,173,188)
```
#afa7c2
```
#afa7c2 rgb(175,167,194)
```
#ada2c7
```
#ada2c7 rgb(173,162,199)
```
#ab9ccd
```
#ab9ccd rgb(171,156,205)
```
#a996d3
```
#a996d3 rgb(169,150,211)
```
#a690d9
```
#a690d9 rgb(166,144,217)
```
#a48bde
```
#a48bde rgb(164,139,222)
```
#a285e4
```
#a285e4 rgb(162,133,228)
```
#a07fea
```
#a07fea rgb(160,127,234)
```
#9e7aef
```
#9e7aef rgb(158,122,239)
```
#9b74f5
```
#9b74f5 rgb(155,116,245)
```
#996efb
```
#996efb rgb(153,110,251)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9b95a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7597ee Protanopia 1% of men
#779ae0 Deuteranopia 1% of men
#979aa5 Tritanopia 0.001% of the population

Trichromacy

#8590ea Protanomaly 1% of men, 0.01% of women
#8692e1 Deuteranomaly 6% of men, 0.4% of women
#9b92bc Tritanomaly 0.01% of the population

#a285e4 hex color

#a285e4 Color Information

#a285e4 Color Conversion

Color Schemes with #a285e4

Alternatives to #a285e4

#a285e4 Preview

Shades and Tints of #a285e4

Tones of #a285e4

Color Blindness Simulator