#b2afe0 hex color

In a RGB color space, hex #b2afe0 is composed of 69.8% red, 68.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 21.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 243.7 degrees, a saturation of 44.1% and a lightness of 78.2%. #b2afe0 color hex could be obtained by blending #ffffff with #655fc1. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 70
- G 69
- B 88
RGB color chart
- C 21
- M 22
- Y 0
- K 12
CMYK color chart

● #b2afe0 color description : Very soft blue.

The hexadecimal color #b2afe0 has RGB values of R:178, G:175, B:224 and CMYK values of C:0.21, M:0.22, Y:0, K:0.12. Its decimal value is 11710432.

Hex triplet	b2afe0	`#b2afe0`
RGB Decimal	178, 175, 224	`rgb(178,175,224)`
RGB Percent	69.8, 68.6, 87.8	`rgb(69.8%,68.6%,87.8%)`
CMYK	21, 22, 0, 12
HSL	243.7°, 44.1, 78.2	`hsl(243.7,44.1%,78.2%)`
HSV (or HSB)	243.7°, 21.9, 87.8
Web Safe	9999cc	`#9999cc`

CIE-LAB	73.224, 11.199, -24.21
XYZ	47.142, 45.506, 76.817
xyY	0.278, 0.269, 45.506
CIE-LCH	73.224, 26.675, 294.825
CIE-LUV	73.224, -1.383, -39.788
Hunter-Lab	67.458, 6.689, -20.294
Binary	10110010, 10101111, 11100000

#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#dde0af
```
#dde0af rgb(221,224,175)
```

Complementary Color

#afc5e0
```
#afc5e0 rgb(175,197,224)
```
#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#cbafe0
```
#cbafe0 rgb(203,175,224)
```

Analogous Color

#c5e0af
```
#c5e0af rgb(197,224,175)
```
#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#e0cbaf
```
#e0cbaf rgb(224,203,175)
```

Split Complementary Color

#afe0b2
```
#afe0b2 rgb(175,224,178)
```
#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#e0b2af
```
#e0b2af rgb(224,178,175)
```

Triadic Color

#afdde0
```
#afdde0 rgb(175,221,224)
```
#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#e0b2af
```
#e0b2af rgb(224,178,175)
```
#dde0af
```
#dde0af rgb(221,224,175)
```

Tetradic Color

#7d78cb
```
#7d78cb rgb(125,120,203)
```
#8f8ad2
```
#8f8ad2 rgb(143,138,210)
```
#a09dd9
```
#a09dd9 rgb(160,157,217)
```
#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#c4c1e7
```
#c4c1e7 rgb(196,193,231)
```
#d5d4ee
```
#d5d4ee rgb(213,212,238)
```
#e7e6f5
```
#e7e6f5 rgb(231,230,245)
```

Monochromatic Color

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

#afb8e0
```
#afb8e0 rgb(175,184,224)
```
#afb4e0
```
#afb4e0 rgb(175,180,224)
```
#afb0e0
```
#afb0e0 rgb(175,176,224)
```
#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#b6afe0
```
#b6afe0 rgb(182,175,224)
```
#baafe0
```
#baafe0 rgb(186,175,224)
```
#beafe0
```
#beafe0 rgb(190,175,224)
```

Similar Colors

Text with hexadecimal color #b2afe0

This text has a font color of #b2afe0.

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

#b2afe0 background color

This paragraph has a background color of #b2afe0.

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

#b2afe0 border color

This element has a border color of #b2afe0.

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

CSS codes

.text {color:#b2afe0;}

.background {background-color:#b2afe0;}

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

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

#020205
```
#020205 rgb(2,2,5)
```
#080713
```
#080713 rgb(8,7,19)
```
#0e0d21
```
#0e0d21 rgb(14,13,33)
```
#14122f
```
#14122f rgb(20,18,47)
```
#1a183d
```
#1a183d rgb(26,24,61)
```
#201d4c
```
#201d4c rgb(32,29,76)
```
#26235a
```
#26235a rgb(38,35,90)
```
#2c2868
```
#2c2868 rgb(44,40,104)
```
#322e76
```
#322e76 rgb(50,46,118)
```
#383384
```
#383384 rgb(56,51,132)
```
#3e3992
```
#3e3992 rgb(62,57,146)
```
#443ea0
```
#443ea0 rgb(68,62,160)
```
#4a44ae
```
#4a44ae rgb(74,68,174)
```

Shade Color Variation

#534cba
```
#534cba rgb(83,76,186)
```
#605abf
```
#605abf rgb(96,90,191)
```
#6e68c5
```
#6e68c5 rgb(110,104,197)
```
#7c76ca
```
#7c76ca rgb(124,118,202)
```
#8985d0
```
#8985d0 rgb(137,133,208)
```
#9793d5
```
#9793d5 rgb(151,147,213)
```
#a4a1db
```
#a4a1db rgb(164,161,219)
```
#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#c0bde5
```
#c0bde5 rgb(192,189,229)
```
#cdcbeb
```
#cdcbeb rgb(205,203,235)
```
#dbd9f0
```
#dbd9f0 rgb(219,217,240)
```
#e8e8f6
```
#e8e8f6 rgb(232,232,246)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

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

#c5c4cb
```
#c5c4cb rgb(197,196,203)
```
#c1c0cf
```
#c1c0cf rgb(193,192,207)
```
#bdbcd3
```
#bdbcd3 rgb(189,188,211)
```
#b9b8d7
```
#b9b8d7 rgb(185,184,215)
```
#b6b3dc
```
#b6b3dc rgb(182,179,220)
```
#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#aeabe4
```
#aeabe4 rgb(174,171,228)
```
#aba6e9
```
#aba6e9 rgb(171,166,233)
```
#a7a2ed
```
#a7a2ed rgb(167,162,237)
```
#a39ef1
```
#a39ef1 rgb(163,158,241)
```
#9f9af5
```
#9f9af5 rgb(159,154,245)
```
#9c95fa
```
#9c95fa rgb(156,149,250)
```
#9891fe
```
#9891fe rgb(152,145,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b4be Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb5e3 Protanopia 1% of men
#b2b4e1 Deuteranopia 1% of men
#afb8c5 Tritanopia 0.001% of the population

Trichromacy

#adb3e2 Protanomaly 1% of men, 0.01% of women
#b2b2e0 Deuteranomaly 6% of men, 0.4% of women
#b0b5cf Tritanomaly 0.01% of the population

#b2afe0 hex color

#b2afe0 Color Information

#b2afe0 Color Conversion

Color Schemes with #b2afe0

Alternatives to #b2afe0

#b2afe0 Preview

Shades and Tints of #b2afe0

Tones of #b2afe0

Color Blindness Simulator