#b0a2ec hex color

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

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

● #b0a2ec color description : Very soft blue.

The hexadecimal color #b0a2ec has RGB values of R:176, G:162, B:236 and CMYK values of C:0.25, M:0.31, Y:0, K:0.07. Its decimal value is 11576044.

Hex triplet	b0a2ec	`#b0a2ec`
RGB Decimal	176, 162, 236	`rgb(176,162,236)`
RGB Percent	69, 63.5, 92.5	`rgb(69%,63.5%,92.5%)`
CMYK	25, 31, 0, 7
HSL	251.4°, 66.1, 78	`hsl(251.4,66.1%,78%)`
HSV (or HSB)	251.4°, 31.4, 92.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.265, 20.627, -35.328
XYZ	45.962, 41.127, 84.869
xyY	0.267, 0.239, 41.127
CIE-LCH	70.265, 40.909, 300.279
CIE-LUV	70.265, 2.328, -59.283
Hunter-Lab	64.13, 15.705, -33.573
Binary	10110000, 10100010, 11101100

#b0a2ec
```
#b0a2ec rgb(176,162,236)
```
#deeca2
```
#deeca2 rgb(222,236,162)
```

Complementary Color

#a2b9ec
```
#a2b9ec rgb(162,185,236)
```
#b0a2ec
```
#b0a2ec rgb(176,162,236)
```
#d5a2ec
```
#d5a2ec rgb(213,162,236)
```

Analogous Color

#b9eca2
```
#b9eca2 rgb(185,236,162)
```
#b0a2ec
```
#b0a2ec rgb(176,162,236)
```
#ecd5a2
```
#ecd5a2 rgb(236,213,162)
```

Split Complementary Color

#a2ecb0
```
#a2ecb0 rgb(162,236,176)
```
#b0a2ec
```
#b0a2ec rgb(176,162,236)
```
#ecb0a2
```
#ecb0a2 rgb(236,176,162)
```

Triadic Color

#a2deec
```
#a2deec rgb(162,222,236)
```
#b0a2ec
```
#b0a2ec rgb(176,162,236)
```
#ecb0a2
```
#ecb0a2 rgb(236,176,162)
```
#deeca2
```
#deeca2 rgb(222,236,162)
```

Tetradic Color

#7a62df
```
#7a62df rgb(122,98,223)
```
#8c78e3
```
#8c78e3 rgb(140,120,227)
```
#9e8de8
```
#9e8de8 rgb(158,141,232)
```
#b0a2ec
```
#b0a2ec rgb(176,162,236)
```
#c2b7f0
```
#c2b7f0 rgb(194,183,240)
```
#d4ccf5
```
#d4ccf5 rgb(212,204,245)
```
#e6e2f9
```
#e6e2f9 rgb(230,226,249)
```

Monochromatic Color

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

#a2a7ec
```
#a2a7ec rgb(162,167,236)
```
#a4a2ec
```
#a4a2ec rgb(164,162,236)
```
#aaa2ec
```
#aaa2ec rgb(170,162,236)
```
#b0a2ec
```
#b0a2ec rgb(176,162,236)
```
#b6a2ec
```
#b6a2ec rgb(182,162,236)
```
#bca2ec
```
#bca2ec rgb(188,162,236)
```
#c3a2ec
```
#c3a2ec rgb(195,162,236)
```

Similar Colors

Text with hexadecimal color #b0a2ec

This text has a font color of #b0a2ec.

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

#b0a2ec background color

This paragraph has a background color of #b0a2ec.

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

#b0a2ec border color

This element has a border color of #b0a2ec.

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

CSS codes

.text {color:#b0a2ec;}

.background {background-color:#b0a2ec;}

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

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

#020105
```
#020105 rgb(2,1,5)
```
#070415
```
#070415 rgb(7,4,21)
```
#0d0825
```
#0d0825 rgb(13,8,37)
```
#130b36
```
#130b36 rgb(19,11,54)
```
#190e46
```
#190e46 rgb(25,14,70)
```
#1f1256
```
#1f1256 rgb(31,18,86)
```
#241566
```
#241566 rgb(36,21,102)
```
#2a1877
```
#2a1877 rgb(42,24,119)
```
#301c87
```
#301c87 rgb(48,28,135)
```
#361f97
```
#361f97 rgb(54,31,151)
```
#3b22a8
```
#3b22a8 rgb(59,34,168)
```
#4126b8
```
#4126b8 rgb(65,38,184)
```
#4729c8
```
#4729c8 rgb(71,41,200)
```

Shade Color Variation

#4f30d5
```
#4f30d5 rgb(79,48,213)
```
#5d40d8
```
#5d40d8 rgb(93,64,216)
```
#6b51db
```
#6b51db rgb(107,81,219)
```
#7961df
```
#7961df rgb(121,97,223)
```
#8671e2
```
#8671e2 rgb(134,113,226)
```
#9481e5
```
#9481e5 rgb(148,129,229)
```
#a292e9
```
#a292e9 rgb(162,146,233)
```
#b0a2ec
```
#b0a2ec rgb(176,162,236)
```
#beb2ef
```
#beb2ef rgb(190,178,239)
```
#ccc3f3
```
#ccc3f3 rgb(204,195,243)
```
#dad3f6
```
#dad3f6 rgb(218,211,246)
```
#e7e3f9
```
#e7e3f9 rgb(231,227,249)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

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

#c5c4ca
```
#c5c4ca rgb(197,196,202)
```
#c3c0ce
```
#c3c0ce rgb(195,192,206)
```
#c0bcd2
```
#c0bcd2 rgb(192,188,210)
```
#bdb8d6
```
#bdb8d6 rgb(189,184,214)
```
#bbb3db
```
#bbb3db rgb(187,179,219)
```
#b8afdf
```
#b8afdf rgb(184,175,223)
```
#b5abe3
```
#b5abe3 rgb(181,171,227)
```
#b3a6e8
```
#b3a6e8 rgb(179,166,232)
```
#b0a2ec
```
#b0a2ec rgb(176,162,236)
```
#ad9ef0
```
#ad9ef0 rgb(173,158,240)
```
#ab99f5
```
#ab99f5 rgb(171,153,245)
```
#a895f9
```
#a895f9 rgb(168,149,249)
```
#a591fd
```
#a591fd rgb(165,145,253)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afacbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#99adf1 Protanopia 1% of men
#9caeea Deuteranopia 1% of men
#a9b0bd Tritanopia 0.001% of the population

Trichromacy

#a1a9ef Protanomaly 1% of men, 0.01% of women
#a3a9eb Deuteranomaly 6% of men, 0.4% of women
#ababce Tritanomaly 0.01% of the population

#b0a2ec hex color

#b0a2ec Color Information

#b0a2ec Color Conversion

Color Schemes with #b0a2ec

Alternatives to #b0a2ec

#b0a2ec Preview

Shades and Tints of #b0a2ec

Tones of #b0a2ec

Color Blindness Simulator