#b2afec hex color

In a RGB color space, hex #b2afec is composed of 69.8% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 243 degrees, a saturation of 61.6% and a lightness of 80.6%. #b2afec color hex could be obtained by blending #ffffff with #655fd9. Closest websafe color is: #9999ff.

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

● #b2afec color description : Very soft blue.

The hexadecimal color #b2afec has RGB values of R:178, G:175, B:236 and CMYK values of C:0.25, M:0.26, Y:0, K:0.07. Its decimal value is 11710444.

Hex triplet	b2afec	`#b2afec`
RGB Decimal	178, 175, 236	`rgb(178,175,236)`
RGB Percent	69.8, 68.6, 92.5	`rgb(69.8%,68.6%,92.5%)`
CMYK	25, 26, 0, 7
HSL	243°, 61.6, 80.6	`hsl(243,61.6%,80.6%)`
HSV (or HSB)	243°, 25.8, 92.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	73.663, 13.971, -30.064
XYZ	48.828, 46.181, 85.694
xyY	0.27, 0.256, 46.181
CIE-LCH	73.663, 33.151, 294.925
CIE-LUV	73.663, -2.163, -49.926
Hunter-Lab	67.956, 9.331, -27.196
Binary	10110010, 10101111, 11101100

#b2afec
```
#b2afec rgb(178,175,236)
```
#e9ecaf
```
#e9ecaf rgb(233,236,175)
```

Complementary Color

#afcbec
```
#afcbec rgb(175,203,236)
```
#b2afec
```
#b2afec rgb(178,175,236)
```
#d1afec
```
#d1afec rgb(209,175,236)
```

Analogous Color

#cbecaf
```
#cbecaf rgb(203,236,175)
```
#b2afec
```
#b2afec rgb(178,175,236)
```
#ecd1af
```
#ecd1af rgb(236,209,175)
```

Split Complementary Color

#afecb2
```
#afecb2 rgb(175,236,178)
```
#b2afec
```
#b2afec rgb(178,175,236)
```
#ecb2af
```
#ecb2af rgb(236,178,175)
```

Triadic Color

#afe9ec
```
#afe9ec rgb(175,233,236)
```
#b2afec
```
#b2afec rgb(178,175,236)
```
#ecb2af
```
#ecb2af rgb(236,178,175)
```
#e9ecaf
```
#e9ecaf rgb(233,236,175)
```

Tetradic Color

#7771dd
```
#7771dd rgb(119,113,221)
```
#8a86e2
```
#8a86e2 rgb(138,134,226)
```
#9e9ae7
```
#9e9ae7 rgb(158,154,231)
```
#b2afec
```
#b2afec rgb(178,175,236)
```
#c6c4f1
```
#c6c4f1 rgb(198,196,241)
```
#dad8f6
```
#dad8f6 rgb(218,216,246)
```
#eeedfb
```
#eeedfb rgb(238,237,251)
```

Monochromatic Color

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

#afbbec
```
#afbbec rgb(175,187,236)
```
#afb6ec
```
#afb6ec rgb(175,182,236)
```
#afb1ec
```
#afb1ec rgb(175,177,236)
```
#b2afec
```
#b2afec rgb(178,175,236)
```
#b7afec
```
#b7afec rgb(183,175,236)
```
#bcafec
```
#bcafec rgb(188,175,236)
```
#c1afec
```
#c1afec rgb(193,175,236)
```

Similar Colors

Text with hexadecimal color #b2afec

This text has a font color of #b2afec.

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

#b2afec background color

This paragraph has a background color of #b2afec.

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

#b2afec border color

This element has a border color of #b2afec.

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

CSS codes

.text {color:#b2afec;}

.background {background-color:#b2afec;}

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

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, #04040f is the darkest color, while #fefeff is the lightest one.

#04040f
```
#04040f rgb(4,4,15)
```
#09071f
```
#09071f rgb(9,7,31)
```
#0d0b2f
```
#0d0b2f rgb(13,11,47)
```
#110f3f
```
#110f3f rgb(17,15,63)
```
#16134f
```
#16134f rgb(22,19,79)
```
#1a165e
```
#1a165e rgb(26,22,94)
```
#1e1a6e
```
#1e1a6e rgb(30,26,110)
```
#231e7e
```
#231e7e rgb(35,30,126)
```
#27228e
```
#27228e rgb(39,34,142)
```
#2b259e
```
#2b259e rgb(43,37,158)
```
#3029ae
```
#3029ae rgb(48,41,174)
```
#342dbd
```
#342dbd rgb(52,45,189)
```
#3831cd
```
#3831cd rgb(56,49,205)
```

Shade Color Variation

#4740d2
```
#4740d2 rgb(71,64,210)
```
#5650d5
```
#5650d5 rgb(86,80,213)
```
#6660d9
```
#6660d9 rgb(102,96,217)
```
#7570dd
```
#7570dd rgb(117,112,221)
```
#847fe1
```
#847fe1 rgb(132,127,225)
```
#938fe4
```
#938fe4 rgb(147,143,228)
```
#a39fe8
```
#a39fe8 rgb(163,159,232)
```
#b2afec
```
#b2afec rgb(178,175,236)
```
#c1bff0
```
#c1bff0 rgb(193,191,240)
```
#d1cff4
```
#d1cff4 rgb(209,207,244)
```
#e0dff7
```
#e0dff7 rgb(224,223,247)
```
#efeefb
```
#efeefb rgb(239,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#cdcdce
```
#cdcdce rgb(205,205,206)
```
#cacad1
```
#cacad1 rgb(202,202,209)
```
#c7c6d5
```
#c7c6d5 rgb(199,198,213)
```
#c3c2d9
```
#c3c2d9 rgb(195,194,217)
```
#c0bedd
```
#c0bedd rgb(192,190,221)
```
#bcbae1
```
#bcbae1 rgb(188,186,225)
```
#b9b7e4
```
#b9b7e4 rgb(185,183,228)
```
#b5b3e8
```
#b5b3e8 rgb(181,179,232)
```
#b2afec
```
#b2afec rgb(178,175,236)
```
#afabf0
```
#afabf0 rgb(175,171,240)
```
#aba7f4
```
#aba7f4 rgb(171,167,244)
```
#a8a4f7
```
#a8a4f7 rgb(168,164,247)
```
#a4a0fb
```
#a4a0fb rgb(164,160,251)
```

Tone Color Variation

Below, you can see how #b2afec 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
#b6b5c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b6ef Protanopia 1% of men
#acb6eb Deuteranopia 1% of men
#adbac7 Tritanopia 0.001% of the population

Trichromacy

#abb3ee Protanomaly 1% of men, 0.01% of women
#aeb3eb Deuteranomaly 6% of men, 0.4% of women
#afb6d4 Tritanomaly 0.01% of the population

#b2afec hex color

#b2afec Color Information

#b2afec Color Conversion

Color Schemes with #b2afec

Alternatives to #b2afec

#b2afec Preview

Shades and Tints of #b2afec

Tones of #b2afec

Color Blindness Simulator