#a2bee2 hex color

In a RGB color space, hex #a2bee2 is composed of 63.5% red, 74.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 15.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 213.8 degrees, a saturation of 52.5% and a lightness of 76.1%. #a2bee2 color hex could be obtained by blending #ffffff with #457dc5. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 64
- G 75
- B 89
RGB color chart
- C 28
- M 16
- Y 0
- K 11
CMYK color chart

● #a2bee2 color description : Very soft blue.

The hexadecimal color #a2bee2 has RGB values of R:162, G:190, B:226 and CMYK values of C:0.28, M:0.16, Y:0, K:0.11. Its decimal value is 10665698.

Hex triplet	a2bee2	`#a2bee2`
RGB Decimal	162, 190, 226	`rgb(162,190,226)`
RGB Percent	63.5, 74.5, 88.6	`rgb(63.5%,74.5%,88.6%)`
CMYK	28, 16, 0, 11
HSL	213.8°, 52.5, 76.1	`hsl(213.8,52.5%,76.1%)`
HSV (or HSB)	213.8°, 28.3, 88.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.068, -1.35, -21.068
XYZ	47.038, 49.998, 79.12
xyY	0.267, 0.284, 49.998
CIE-LCH	76.068, 21.111, 266.333
CIE-LUV	76.068, -15.761, -32.935
Hunter-Lab	70.709, -4.997, -16.846
Binary	10100010, 10111110, 11100010

#a2bee2
```
#a2bee2 rgb(162,190,226)
```
#e2c6a2
```
#e2c6a2 rgb(226,198,162)
```

Complementary Color

#a2dee2
```
#a2dee2 rgb(162,222,226)
```
#a2bee2
```
#a2bee2 rgb(162,190,226)
```
#a6a2e2
```
#a6a2e2 rgb(166,162,226)
```

Analogous Color

#dee2a2
```
#dee2a2 rgb(222,226,162)
```
#a2bee2
```
#a2bee2 rgb(162,190,226)
```
#e2a6a2
```
#e2a6a2 rgb(226,166,162)
```

Split Complementary Color

#bee2a2
```
#bee2a2 rgb(190,226,162)
```
#a2bee2
```
#a2bee2 rgb(162,190,226)
```
#e2a2be
```
#e2a2be rgb(226,162,190)
```

Triadic Color

#a2e2c6
```
#a2e2c6 rgb(162,226,198)
```
#a2bee2
```
#a2bee2 rgb(162,190,226)
```
#e2a2be
```
#e2a2be rgb(226,162,190)
```
#e2c6a2
```
#e2c6a2 rgb(226,198,162)
```

Tetradic Color

#6895d0
```
#6895d0 rgb(104,149,208)
```
#7ba3d6
```
#7ba3d6 rgb(123,163,214)
```
#8fb0dc
```
#8fb0dc rgb(143,176,220)
```
#a2bee2
```
#a2bee2 rgb(162,190,226)
```
#b5cce8
```
#b5cce8 rgb(181,204,232)
```
#c9d9ee
```
#c9d9ee rgb(201,217,238)
```
#dce7f4
```
#dce7f4 rgb(220,231,244)
```

Monochromatic Color

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

#a2cee2
```
#a2cee2 rgb(162,206,226)
```
#a2c9e2
```
#a2c9e2 rgb(162,201,226)
```
#a2c3e2
```
#a2c3e2 rgb(162,195,226)
```
#a2bee2
```
#a2bee2 rgb(162,190,226)
```
#a2b9e2
```
#a2b9e2 rgb(162,185,226)
```
#a2b3e2
```
#a2b3e2 rgb(162,179,226)
```
#a2aee2
```
#a2aee2 rgb(162,174,226)
```

Similar Colors

Text with hexadecimal color #a2bee2

This text has a font color of #a2bee2.

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

#a2bee2 background color

This paragraph has a background color of #a2bee2.

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

#a2bee2 border color

This element has a border color of #a2bee2.

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

CSS codes

.text {color:#a2bee2;}

.background {background-color:#a2bee2;}

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

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

#04070c
```
#04070c rgb(4,7,12)
```
#08101b
```
#08101b rgb(8,16,27)
```
#0d192a
```
#0d192a rgb(13,25,42)
```
#122339
```
#122339 rgb(18,35,57)
```
#162c47
```
#162c47 rgb(22,44,71)
```
#1b3556
```
#1b3556 rgb(27,53,86)
```
#203e65
```
#203e65 rgb(32,62,101)
```
#244774
```
#244774 rgb(36,71,116)
```
#295083
```
#295083 rgb(41,80,131)
```
#2e5a92
```
#2e5a92 rgb(46,90,146)
```
#3263a1
```
#3263a1 rgb(50,99,161)
```
#376cb0
```
#376cb0 rgb(55,108,176)
```
#3c75bf
```
#3c75bf rgb(60,117,191)
```

Shade Color Variation

#487fc6
```
#487fc6 rgb(72,127,198)
```
#578acb
```
#578acb rgb(87,138,203)
```
#6694cf
```
#6694cf rgb(102,148,207)
```
#759fd4
```
#759fd4 rgb(117,159,212)
```
#84a9d9
```
#84a9d9 rgb(132,169,217)
```
#93b4dd
```
#93b4dd rgb(147,180,221)
```
#a2bee2
```
#a2bee2 rgb(162,190,226)
```
#b1c8e7
```
#b1c8e7 rgb(177,200,231)
```
#c0d3eb
```
#c0d3eb rgb(192,211,235)
```
#cfddf0
```
#cfddf0 rgb(207,221,240)
```
#dee8f5
```
#dee8f5 rgb(222,232,245)
```
#edf2f9
```
#edf2f9 rgb(237,242,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#bec2c6
```
#bec2c6 rgb(190,194,198)
```
#b9c1cb
```
#b9c1cb rgb(185,193,203)
```
#b5c0cf
```
#b5c0cf rgb(181,192,207)
```
#b0c0d4
```
#b0c0d4 rgb(176,192,212)
```
#abbfd9
```
#abbfd9 rgb(171,191,217)
```
#a7bfdd
```
#a7bfdd rgb(167,191,221)
```
#a2bee2
```
#a2bee2 rgb(162,190,226)
```
#9dbde7
```
#9dbde7 rgb(157,189,231)
```
#99bdeb
```
#99bdeb rgb(153,189,235)
```
#94bcf0
```
#94bcf0 rgb(148,188,240)
```
#8fbcf5
```
#8fbcf5 rgb(143,188,245)
```
#8bbbf9
```
#8bbbf9 rgb(139,187,249)
```
#86bafe
```
#86bafe rgb(134,186,254)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b5bbc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bde1 Protanopia 1% of men
#bcbbe5 Deuteranopia 1% of men
#a2c4d2 Tritanopia 0.001% of the population

Trichromacy

#afbde1 Protanomaly 1% of men, 0.01% of women
#b2bce4 Deuteranomaly 6% of men, 0.4% of women
#a2c2d8 Tritanomaly 0.01% of the population

#a2bee2 hex color

#a2bee2 Color Information

#a2bee2 Color Conversion

Color Schemes with #a2bee2

Alternatives to #a2bee2

#a2bee2 Preview

Shades and Tints of #a2bee2

Tones of #a2bee2

Color Blindness Simulator