#a2b2de hex color

In a RGB color space, hex #a2b2de is composed of 63.5% red, 69.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 27% cyan, 19.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 224 degrees, a saturation of 47.6% and a lightness of 75.3%. #a2b2de color hex could be obtained by blending #ffffff with #4565bd. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 64
- G 70
- B 87
RGB color chart
- C 27
- M 20
- Y 0
- K 13
CMYK color chart

● #a2b2de color description : Very soft blue.

The hexadecimal color #a2b2de has RGB values of R:162, G:178, B:222 and CMYK values of C:0.27, M:0.2, Y:0, K:0.13. Its decimal value is 10662622.

Hex triplet	a2b2de	`#a2b2de`
RGB Decimal	162, 178, 222	`rgb(162,178,222)`
RGB Percent	63.5, 69.8, 87.1	`rgb(63.5%,69.8%,87.1%)`
CMYK	27, 20, 0, 13
HSL	224°, 47.6, 75.3	`hsl(224,47.6%,75.3%)`
HSV (or HSB)	224°, 27, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.757, 4.225, -23.939
XYZ	44.003, 44.795, 75.431
xyY	0.268, 0.273, 44.795
CIE-LCH	72.757, 24.309, 280.01
CIE-LUV	72.757, -10.438, -38.267
Hunter-Lab	66.929, 0.229, -19.971
Binary	10100010, 10110010, 11011110

#a2b2de
```
#a2b2de rgb(162,178,222)
```
#decea2
```
#decea2 rgb(222,206,162)
```

Complementary Color

#a2d0de
```
#a2d0de rgb(162,208,222)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#b0a2de
```
#b0a2de rgb(176,162,222)
```

Analogous Color

#d0dea2
```
#d0dea2 rgb(208,222,162)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#deb0a2
```
#deb0a2 rgb(222,176,162)
```

Split Complementary Color

#b2dea2
```
#b2dea2 rgb(178,222,162)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#dea2b2
```
#dea2b2 rgb(222,162,178)
```

Triadic Color

#a2dece
```
#a2dece rgb(162,222,206)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#dea2b2
```
#dea2b2 rgb(222,162,178)
```
#decea2
```
#decea2 rgb(222,206,162)
```

Tetradic Color

#6a83ca
```
#6a83ca rgb(106,131,202)
```
#7c93d1
```
#7c93d1 rgb(124,147,209)
```
#8fa2d7
```
#8fa2d7 rgb(143,162,215)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#b5c2e5
```
#b5c2e5 rgb(181,194,229)
```
#c8d1eb
```
#c8d1eb rgb(200,209,235)
```
#dae1f2
```
#dae1f2 rgb(218,225,242)
```

Monochromatic Color

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

#a2c1de
```
#a2c1de rgb(162,193,222)
```
#a2bcde
```
#a2bcde rgb(162,188,222)
```
#a2b7de
```
#a2b7de rgb(162,183,222)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#a2adde
```
#a2adde rgb(162,173,222)
```
#a2a8de
```
#a2a8de rgb(162,168,222)
```
#a2a3de
```
#a2a3de rgb(162,163,222)
```

Similar Colors

Text with hexadecimal color #a2b2de

This text has a font color of #a2b2de.

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

#a2b2de background color

This paragraph has a background color of #a2b2de.

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

#a2b2de border color

This element has a border color of #a2b2de.

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

CSS codes

.text {color:#a2b2de;}

.background {background-color:#a2b2de;}

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

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

#030408
```
#030408 rgb(3,4,8)
```
#080c17
```
#080c17 rgb(8,12,23)
```
#0d1425
```
#0d1425 rgb(13,20,37)
```
#121b34
```
#121b34 rgb(18,27,52)
```
#182342
```
#182342 rgb(24,35,66)
```
#1d2b51
```
#1d2b51 rgb(29,43,81)
```
#22325f
```
#22325f rgb(34,50,95)
```
#273a6e
```
#273a6e rgb(39,58,110)
```
#2c417c
```
#2c417c rgb(44,65,124)
```
#31498b
```
#31498b rgb(49,73,139)
```
#365199
```
#365199 rgb(54,81,153)
```
#3b58a8
```
#3b58a8 rgb(59,88,168)
```
#4160b6
```
#4160b6 rgb(65,96,182)
```

Shade Color Variation

#4b6abf
```
#4b6abf rgb(75,106,191)
```
#5a76c4
```
#5a76c4 rgb(90,118,196)
```
#6882c9
```
#6882c9 rgb(104,130,201)
```
#778ecf
```
#778ecf rgb(119,142,207)
```
#859ad4
```
#859ad4 rgb(133,154,212)
```
#94a6d9
```
#94a6d9 rgb(148,166,217)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#b0bee3
```
#b0bee3 rgb(176,190,227)
```
#bfcae8
```
#bfcae8 rgb(191,202,232)
```
#cdd6ed
```
#cdd6ed rgb(205,214,237)
```
#dce2f3
```
#dce2f3 rgb(220,226,243)
```
#eaeef8
```
#eaeef8 rgb(234,238,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#bfc0c1
```
#bfc0c1 rgb(191,192,193)
```
#babdc6
```
#babdc6 rgb(186,189,198)
```
#b5bbcb
```
#b5bbcb rgb(181,187,203)
```
#b1b9cf
```
#b1b9cf rgb(177,185,207)
```
#acb7d4
```
#acb7d4 rgb(172,183,212)
```
#a7b4d9
```
#a7b4d9 rgb(167,180,217)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#9db0e3
```
#9db0e3 rgb(157,176,227)
```
#98ade8
```
#98ade8 rgb(152,173,232)
```
#93abed
```
#93abed rgb(147,171,237)
```
#8fa9f1
```
#8fa9f1 rgb(143,169,241)
```
#8aa7f6
```
#8aa7f6 rgb(138,167,246)
```
#85a4fb
```
#85a4fb rgb(133,164,251)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#afb2bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb4de Protanopia 1% of men
#b0b3e0 Deuteranopia 1% of men
#a0bac7 Tritanopia 0.001% of the population

Trichromacy

#a8b3de Protanomaly 1% of men, 0.01% of women
#abb2df Deuteranomaly 6% of men, 0.4% of women
#a1b7cf Tritanomaly 0.01% of the population

#a2b2de hex color

#a2b2de Color Information

#a2b2de Color Conversion

Color Schemes with #a2b2de

Alternatives to #a2b2de

#a2b2de Preview

Shades and Tints of #a2b2de

Tones of #a2b2de

Color Blindness Simulator