colorhexa.com

#a2bae2 hex color

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

- R 64
- G 73
- B 89
RGB color chart
- C 28
- M 18
- Y 0
- K 11
CMYK color chart

● #a2bae2 color description : Very soft blue.

The hexadecimal color #a2bae2 has RGB values of R:162, G:186, B:226 and CMYK values of C:0.28, M:0.18, Y:0, K:0.11. Its decimal value is 10664674.

Hex triplet	a2bae2	`#a2bae2`
RGB Decimal	162, 186, 226	`rgb(162,186,226)`
RGB Percent	63.5, 72.9, 88.6	`rgb(63.5%,72.9%,88.6%)`
CMYK	28, 18, 0, 11
HSL	217.5°, 52.5, 76.1	`hsl(217.5,52.5%,76.1%)`
HSV (or HSB)	217.5°, 28.3, 88.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.007, 0.814, -22.682
XYZ	46.184, 48.289, 78.835
xyY	0.266, 0.279, 48.289
CIE-LCH	75.007, 22.696, 272.056
CIE-LUV	75.007, -14.035, -35.85
Hunter-Lab	69.49, -2.976, -18.62
Binary	10100010, 10111010, 11100010

#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#e2caa2
```
#e2caa2 rgb(226,202,162)
```

Complementary Color

#a2dae2
```
#a2dae2 rgb(162,218,226)
```
#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#aaa2e2
```
#aaa2e2 rgb(170,162,226)
```

Analogous Color

#dae2a2
```
#dae2a2 rgb(218,226,162)
```
#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#e2aaa2
```
#e2aaa2 rgb(226,170,162)
```

Split Complementary Color

#bae2a2
```
#bae2a2 rgb(186,226,162)
```
#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#e2a2ba
```
#e2a2ba rgb(226,162,186)
```

Triadic Color

#a2e2ca
```
#a2e2ca rgb(162,226,202)
```
#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#e2a2ba
```
#e2a2ba rgb(226,162,186)
```
#e2caa2
```
#e2caa2 rgb(226,202,162)
```

Tetradic Color

#688fd0
```
#688fd0 rgb(104,143,208)
```
#7b9dd6
```
#7b9dd6 rgb(123,157,214)
```
#8facdc
```
#8facdc rgb(143,172,220)
```
#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#b5c8e8
```
#b5c8e8 rgb(181,200,232)
```
#c9d7ee
```
#c9d7ee rgb(201,215,238)
```
#dce5f4
```
#dce5f4 rgb(220,229,244)
```

Monochromatic Color

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

#a2cae2
```
#a2cae2 rgb(162,202,226)
```
#a2c5e2
```
#a2c5e2 rgb(162,197,226)
```
#a2bfe2
```
#a2bfe2 rgb(162,191,226)
```
#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#a2b5e2
```
#a2b5e2 rgb(162,181,226)
```
#a2afe2
```
#a2afe2 rgb(162,175,226)
```
#a2aae2
```
#a2aae2 rgb(162,170,226)
```

Similar Colors

Text with hexadecimal color #a2bae2

This text has a font color of #a2bae2.

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

#a2bae2 background color

This paragraph has a background color of #a2bae2.

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

#a2bae2 border color

This element has a border color of #a2bae2.

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

CSS codes

.text {color:#a2bae2;}

.background {background-color:#a2bae2;}

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

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)
```
#080f1b
```
#080f1b rgb(8,15,27)
```
#0d182a
```
#0d182a rgb(13,24,42)
```
#122039
```
#122039 rgb(18,32,57)
```
#162947
```
#162947 rgb(22,41,71)
```
#1b3156
```
#1b3156 rgb(27,49,86)
```
#203a65
```
#203a65 rgb(32,58,101)
```
#244274
```
#244274 rgb(36,66,116)
```
#294b83
```
#294b83 rgb(41,75,131)
```
#2e5392
```
#2e5392 rgb(46,83,146)
```
#325ca1
```
#325ca1 rgb(50,92,161)
```
#3764b0
```
#3764b0 rgb(55,100,176)
```
#3c6dbf
```
#3c6dbf rgb(60,109,191)
```

Shade Color Variation

#4877c6
```
#4877c6 rgb(72,119,198)
```
#5783cb
```
#5783cb rgb(87,131,203)
```
#668ecf
```
#668ecf rgb(102,142,207)
```
#7599d4
```
#7599d4 rgb(117,153,212)
```
#84a4d9
```
#84a4d9 rgb(132,164,217)
```
#93afdd
```
#93afdd rgb(147,175,221)
```
#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#b1c5e7
```
#b1c5e7 rgb(177,197,231)
```
#c0d0eb
```
#c0d0eb rgb(192,208,235)
```
#cfdbf0
```
#cfdbf0 rgb(207,219,240)
```
#dee6f5
```
#dee6f5 rgb(222,230,245)
```
#edf1f9
```
#edf1f9 rgb(237,241,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#bec1c6
```
#bec1c6 rgb(190,193,198)
```
#b9c0cb
```
#b9c0cb rgb(185,192,203)
```
#b5bfcf
```
#b5bfcf rgb(181,191,207)
```
#b0bed4
```
#b0bed4 rgb(176,190,212)
```
#abbcd9
```
#abbcd9 rgb(171,188,217)
```
#a7bbdd
```
#a7bbdd rgb(167,187,221)
```
#a2bae2
```
#a2bae2 rgb(162,186,226)
```
#9db9e7
```
#9db9e7 rgb(157,185,231)
```
#99b8eb
```
#99b8eb rgb(153,184,235)
```
#94b6f0
```
#94b6f0 rgb(148,182,240)
```
#8fb5f5
```
#8fb5f5 rgb(143,181,245)
```
#8bb4f9
```
#8bb4f9 rgb(139,180,249)
```
#86b3fe
```
#86b3fe rgb(134,179,254)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b3b8c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bae1 Protanopia 1% of men
#b7b8e5 Deuteranopia 1% of men
#a1c1cf Tritanopia 0.001% of the population

Trichromacy

#acbae1 Protanomaly 1% of men, 0.01% of women
#afb9e4 Deuteranomaly 6% of men, 0.4% of women
#a1bed6 Tritanomaly 0.01% of the population