#a2b2e6 hex color

In a RGB color space, hex #a2b2e6 is composed of 63.5% red, 69.8% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 22.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 225.9 degrees, a saturation of 57.6% and a lightness of 76.9%. #a2b2e6 color hex could be obtained by blending #ffffff with #4565cd. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 64
- G 70
- B 90
RGB color chart
- C 30
- M 23
- Y 0
- K 10
CMYK color chart

● #a2b2e6 color description : Very soft blue.

The hexadecimal color #a2b2e6 has RGB values of R:162, G:178, B:230 and CMYK values of C:0.3, M:0.23, Y:0, K:0.1. Its decimal value is 10662630.

Hex triplet	a2b2e6	`#a2b2e6`
RGB Decimal	162, 178, 230	`rgb(162,178,230)`
RGB Percent	63.5, 69.8, 90.2	`rgb(63.5%,69.8%,90.2%)`
CMYK	30, 23, 0, 10
HSL	225.9°, 57.6, 76.9	`hsl(225.9,57.6%,76.9%)`
HSV (or HSB)	225.9°, 29.6, 90.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	73.046, 6.17, -27.851
XYZ	45.101, 45.234, 81.213
xyY	0.263, 0.264, 45.234
CIE-LCH	73.046, 28.526, 282.491
CIE-LUV	73.046, -10.759, -45.054
Hunter-Lab	67.256, 1.999, -24.514
Binary	10100010, 10110010, 11100110

#a2b2e6
```
#a2b2e6 rgb(162,178,230)
```
#e6d6a2
```
#e6d6a2 rgb(230,214,162)
```

Complementary Color

#a2d4e6
```
#a2d4e6 rgb(162,212,230)
```
#a2b2e6
```
#a2b2e6 rgb(162,178,230)
```
#b4a2e6
```
#b4a2e6 rgb(180,162,230)
```

Analogous Color

#d4e6a2
```
#d4e6a2 rgb(212,230,162)
```
#a2b2e6
```
#a2b2e6 rgb(162,178,230)
```
#e6b4a2
```
#e6b4a2 rgb(230,180,162)
```

Split Complementary Color

#b2e6a2
```
#b2e6a2 rgb(178,230,162)
```
#a2b2e6
```
#a2b2e6 rgb(162,178,230)
```
#e6a2b2
```
#e6a2b2 rgb(230,162,178)
```

Triadic Color

#a2e6d6
```
#a2e6d6 rgb(162,230,214)
```
#a2b2e6
```
#a2b2e6 rgb(162,178,230)
```
#e6a2b2
```
#e6a2b2 rgb(230,162,178)
```
#e6d6a2
```
#e6d6a2 rgb(230,214,162)
```

Tetradic Color

#6680d6
```
#6680d6 rgb(102,128,214)
```
#7a91db
```
#7a91db rgb(122,145,219)
```
#8ea1e1
```
#8ea1e1 rgb(142,161,225)
```
#a2b2e6
```
#a2b2e6 rgb(162,178,230)
```
#b6c3eb
```
#b6c3eb rgb(182,195,235)
```
#cad3f1
```
#cad3f1 rgb(202,211,241)
```
#dee4f6
```
#dee4f6 rgb(222,228,246)
```

Monochromatic Color

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

#a2c3e6
```
#a2c3e6 rgb(162,195,230)
```
#a2bde6
```
#a2bde6 rgb(162,189,230)
```
#a2b8e6
```
#a2b8e6 rgb(162,184,230)
```
#a2b2e6
```
#a2b2e6 rgb(162,178,230)
```
#a2ace6
```
#a2ace6 rgb(162,172,230)
```
#a2a7e6
```
#a2a7e6 rgb(162,167,230)
```
#a3a2e6
```
#a3a2e6 rgb(163,162,230)
```

Similar Colors

Text with hexadecimal color #a2b2e6

This text has a font color of #a2b2e6.

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

#a2b2e6 background color

This paragraph has a background color of #a2b2e6.

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

#a2b2e6 border color

This element has a border color of #a2b2e6.

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

CSS codes

.text {color:#a2b2e6;}

.background {background-color:#a2b2e6;}

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

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, #04070f is the darkest color, while #ffffff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#080e1f
```
#080e1f rgb(8,14,31)
```
#0c142e
```
#0c142e rgb(12,20,46)
```
#111b3e
```
#111b3e rgb(17,27,62)
```
#15224d
```
#15224d rgb(21,34,77)
```
#19295d
```
#19295d rgb(25,41,93)
```
#1d306c
```
#1d306c rgb(29,48,108)
```
#21367b
```
#21367b rgb(33,54,123)
```
#253d8b
```
#253d8b rgb(37,61,139)
```
#29449a
```
#29449a rgb(41,68,154)
```
#2e4baa
```
#2e4baa rgb(46,75,170)
```
#3252b9
```
#3252b9 rgb(50,82,185)
```
#3658c9
```
#3658c9 rgb(54,88,201)
```

Shade Color Variation

#4565cd
```
#4565cd rgb(69,101,205)
```
#5572d1
```
#5572d1 rgb(85,114,209)
```
#647fd5
```
#647fd5 rgb(100,127,213)
```
#748cda
```
#748cda rgb(116,140,218)
```
#8398de
```
#8398de rgb(131,152,222)
```
#93a5e2
```
#93a5e2 rgb(147,165,226)
```
#a2b2e6
```
#a2b2e6 rgb(162,178,230)
```
#b1bfea
```
#b1bfea rgb(177,191,234)
```
#c1ccee
```
#c1ccee rgb(193,204,238)
```
#d0d8f2
```
#d0d8f2 rgb(208,216,242)
```
#e0e5f7
```
#e0e5f7 rgb(224,229,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c2c3c6
```
#c2c3c6 rgb(194,195,198)
```
#bdc0cb
```
#bdc0cb rgb(189,192,203)
```
#b9becf
```
#b9becf rgb(185,190,207)
```
#b4bcd4
```
#b4bcd4 rgb(180,188,212)
```
#b0b9d8
```
#b0b9d8 rgb(176,185,216)
```
#abb7dd
```
#abb7dd rgb(171,183,221)
```
#a7b4e1
```
#a7b4e1 rgb(167,180,225)
```
#a2b2e6
```
#a2b2e6 rgb(162,178,230)
```
#9db0eb
```
#9db0eb rgb(157,176,235)
```
#99adef
```
#99adef rgb(153,173,239)
```
#94abf4
```
#94abf4 rgb(148,171,244)
```
#90a8f8
```
#90a8f8 rgb(144,168,248)
```
#8ba6fd
```
#8ba6fd rgb(139,166,253)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b0b3bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b5e6 Protanopia 1% of men
#acb4e7 Deuteranopia 1% of men
#9ebbc9 Tritanopia 0.001% of the population

Trichromacy

#a6b4e6 Protanomaly 1% of men, 0.01% of women
#a8b3e7 Deuteranomaly 6% of men, 0.4% of women
#a0b8d3 Tritanomaly 0.01% of the population

#a2b2e6 hex color

#a2b2e6 Color Information

#a2b2e6 Color Conversion

Color Schemes with #a2b2e6

Alternatives to #a2b2e6

#a2b2e6 Preview

Shades and Tints of #a2b2e6

Tones of #a2b2e6

Color Blindness Simulator