#a2a7ec hex color

In a RGB color space, hex #a2a7ec is composed of 63.5% red, 65.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 29.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 235.9 degrees, a saturation of 66.1% and a lightness of 78%. #a2a7ec color hex could be obtained by blending #ffffff with #454fd9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 64
- G 65
- B 93
RGB color chart
- C 31
- M 29
- Y 0
- K 7
CMYK color chart

● #a2a7ec color description : Very soft blue.

The hexadecimal color #a2a7ec has RGB values of R:162, G:167, B:236 and CMYK values of C:0.31, M:0.29, Y:0, K:0.07. Its decimal value is 10659820.

Hex triplet	a2a7ec	`#a2a7ec`
RGB Decimal	162, 167, 236	`rgb(162,167,236)`
RGB Percent	63.5, 65.5, 92.5	`rgb(63.5%,65.5%,92.5%)`
CMYK	31, 29, 0, 7
HSL	235.9°, 66.1, 78	`hsl(235.9,66.1%,78%)`
HSV (or HSB)	235.9°, 31.4, 92.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.437, 13.794, -35.145
XYZ	43.856, 41.374, 85.028
xyY	0.258, 0.243, 41.374
CIE-LCH	70.437, 37.755, 291.429
CIE-LUV	70.437, -6.471, -58.047
Hunter-Lab	64.323, 9.14, -33.349
Binary	10100010, 10100111, 11101100

#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#ece7a2
```
#ece7a2 rgb(236,231,162)
```

Complementary Color

#a2ccec
```
#a2ccec rgb(162,204,236)
```
#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#c2a2ec
```
#c2a2ec rgb(194,162,236)
```

Analogous Color

#cceca2
```
#cceca2 rgb(204,236,162)
```
#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#ecc2a2
```
#ecc2a2 rgb(236,194,162)
```

Split Complementary Color

#a7eca2
```
#a7eca2 rgb(167,236,162)
```
#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#eca2a7
```
#eca2a7 rgb(236,162,167)
```

Triadic Color

#a2ece7
```
#a2ece7 rgb(162,236,231)
```
#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#eca2a7
```
#eca2a7 rgb(236,162,167)
```
#ece7a2
```
#ece7a2 rgb(236,231,162)
```

Tetradic Color

#626bdf
```
#626bdf rgb(98,107,223)
```
#787fe3
```
#787fe3 rgb(120,127,227)
```
#8d93e8
```
#8d93e8 rgb(141,147,232)
```
#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#b7bbf0
```
#b7bbf0 rgb(183,187,240)
```
#cccff5
```
#cccff5 rgb(204,207,245)
```
#e2e3f9
```
#e2e3f9 rgb(226,227,249)
```

Monochromatic Color

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

#a2baec
```
#a2baec rgb(162,186,236)
```
#a2b3ec
```
#a2b3ec rgb(162,179,236)
```
#a2adec
```
#a2adec rgb(162,173,236)
```
#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#a3a2ec
```
#a3a2ec rgb(163,162,236)
```
#a9a2ec
```
#a9a2ec rgb(169,162,236)
```
#b0a2ec
```
#b0a2ec rgb(176,162,236)
```

Similar Colors

Text with hexadecimal color #a2a7ec

This text has a font color of #a2a7ec.

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

#a2a7ec background color

This paragraph has a background color of #a2a7ec.

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

#a2a7ec border color

This element has a border color of #a2a7ec.

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

CSS codes

.text {color:#a2a7ec;}

.background {background-color:#a2a7ec;}

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

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

#010105
```
#010105 rgb(1,1,5)
```
#040515
```
#040515 rgb(4,5,21)
```
#080a25
```
#080a25 rgb(8,10,37)
```
#0b0e36
```
#0b0e36 rgb(11,14,54)
```
#0e1246
```
#0e1246 rgb(14,18,70)
```
#121656
```
#121656 rgb(18,22,86)
```
#151a66
```
#151a66 rgb(21,26,102)
```
#181f77
```
#181f77 rgb(24,31,119)
```
#1c2387
```
#1c2387 rgb(28,35,135)
```
#1f2797
```
#1f2797 rgb(31,39,151)
```
#222ba8
```
#222ba8 rgb(34,43,168)
```
#262fb8
```
#262fb8 rgb(38,47,184)
```
#2934c8
```
#2934c8 rgb(41,52,200)
```

Shade Color Variation

#303bd5
```
#303bd5 rgb(48,59,213)
```
#404bd8
```
#404bd8 rgb(64,75,216)
```
#515adb
```
#515adb rgb(81,90,219)
```
#6169df
```
#6169df rgb(97,105,223)
```
#7179e2
```
#7179e2 rgb(113,121,226)
```
#8188e5
```
#8188e5 rgb(129,136,229)
```
#9298e9
```
#9298e9 rgb(146,152,233)
```
#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#b2b6ef
```
#b2b6ef rgb(178,182,239)
```
#c3c6f3
```
#c3c6f3 rgb(195,198,243)
```
#d3d5f6
```
#d3d5f6 rgb(211,213,246)
```
#e3e5f9
```
#e3e5f9 rgb(227,229,249)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

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

#c4c5ca
```
#c4c5ca rgb(196,197,202)
```
#c0c1ce
```
#c0c1ce rgb(192,193,206)
```
#bcbdd2
```
#bcbdd2 rgb(188,189,210)
```
#b8bad6
```
#b8bad6 rgb(184,186,214)
```
#b3b6db
```
#b3b6db rgb(179,182,219)
```
#afb2df
```
#afb2df rgb(175,178,223)
```
#abaee3
```
#abaee3 rgb(171,174,227)
```
#a6abe8
```
#a6abe8 rgb(166,171,232)
```
#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#9ea3f0
```
#9ea3f0 rgb(158,163,240)
```
#99a0f5
```
#99a0f5 rgb(153,160,245)
```
#959cf9
```
#959cf9 rgb(149,156,249)
```
#9198fd
```
#9198fd rgb(145,152,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#abacba Atypical Achromatopsia 0.001% of the population

Dichromacy

#9baeee Protanopia 1% of men
#9caeeb Deuteranopia 1% of men
#9bb4c1 Tritanopia 0.001% of the population

Trichromacy

#9dabed Protanomaly 1% of men, 0.01% of women
#9eabeb Deuteranomaly 6% of men, 0.4% of women
#9dafd0 Tritanomaly 0.01% of the population

#a2a7ec hex color

#a2a7ec Color Information

#a2a7ec Color Conversion

Color Schemes with #a2a7ec

Alternatives to #a2a7ec

#a2a7ec Preview

Shades and Tints of #a2a7ec

Tones of #a2a7ec

Color Blindness Simulator