#b2a8f3 hex color

In a RGB color space, hex #b2a8f3 is composed of 69.8% red, 65.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 30.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 248 degrees, a saturation of 75.8% and a lightness of 80.6%. #b2a8f3 color hex could be obtained by blending #ffffff with #6551e7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 70
- G 66
- B 95
RGB color chart
- C 27
- M 31
- Y 0
- K 5
CMYK color chart

● #b2a8f3 color description : Very soft blue.

The hexadecimal color #b2a8f3 has RGB values of R:178, G:168, B:243 and CMYK values of C:0.27, M:0.31, Y:0, K:0.05. Its decimal value is 11708659.

Hex triplet	b2a8f3	`#b2a8f3`
RGB Decimal	178, 168, 243	`rgb(178,168,243)`
RGB Percent	69.8, 65.9, 95.3	`rgb(69.8%,65.9%,95.3%)`
CMYK	27, 31, 0, 5
HSL	248°, 75.8, 80.6	`hsl(248,75.8%,80.6%)`
HSV (or HSB)	248°, 30.9, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.189, 19.528, -36.142
XYZ	48.537, 43.941, 90.713
xyY	0.265, 0.24, 43.941
CIE-LCH	72.189, 41.08, 298.383
CIE-LUV	72.189, 0.295, -60.729
Hunter-Lab	66.288, 14.698, -34.735
Binary	10110010, 10101000, 11110011

#b2a8f3
```
#b2a8f3 rgb(178,168,243)
```
#e9f3a8
```
#e9f3a8 rgb(233,243,168)
```

Complementary Color

#a8c4f3
```
#a8c4f3 rgb(168,196,243)
```
#b2a8f3
```
#b2a8f3 rgb(178,168,243)
```
#d8a8f3
```
#d8a8f3 rgb(216,168,243)
```

Analogous Color

#c4f3a8
```
#c4f3a8 rgb(196,243,168)
```
#b2a8f3
```
#b2a8f3 rgb(178,168,243)
```
#f3d8a8
```
#f3d8a8 rgb(243,216,168)
```

Split Complementary Color

#a8f3b2
```
#a8f3b2 rgb(168,243,178)
```
#b2a8f3
```
#b2a8f3 rgb(178,168,243)
```
#f3b2a8
```
#f3b2a8 rgb(243,178,168)
```

Triadic Color

#a8e9f3
```
#a8e9f3 rgb(168,233,243)
```
#b2a8f3
```
#b2a8f3 rgb(178,168,243)
```
#f3b2a8
```
#f3b2a8 rgb(243,178,168)
```
#e9f3a8
```
#e9f3a8 rgb(233,243,168)
```

Tetradic Color

#7765ea
```
#7765ea rgb(119,101,234)
```
#8a7bed
```
#8a7bed rgb(138,123,237)
```
#9e92f0
```
#9e92f0 rgb(158,146,240)
```
#b2a8f3
```
#b2a8f3 rgb(178,168,243)
```
#c6bef6
```
#c6bef6 rgb(198,190,246)
```
#dad5f9
```
#dad5f9 rgb(218,213,249)
```
#eeebfc
```
#eeebfc rgb(238,235,252)
```

Monochromatic Color

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

#a8b1f3
```
#a8b1f3 rgb(168,177,243)
```
#a8abf3
```
#a8abf3 rgb(168,171,243)
```
#aca8f3
```
#aca8f3 rgb(172,168,243)
```
#b2a8f3
```
#b2a8f3 rgb(178,168,243)
```
#b8a8f3
```
#b8a8f3 rgb(184,168,243)
```
#bfa8f3
```
#bfa8f3 rgb(191,168,243)
```
#c5a8f3
```
#c5a8f3 rgb(197,168,243)
```

Similar Colors

Text with hexadecimal color #b2a8f3

This text has a font color of #b2a8f3.

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

#b2a8f3 background color

This paragraph has a background color of #b2a8f3.

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

#b2a8f3 border color

This element has a border color of #b2a8f3.

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

CSS codes

.text {color:#b2a8f3;}

.background {background-color:#b2a8f3;}

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

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

#040210
```
#040210 rgb(4,2,16)
```
#090522
```
#090522 rgb(9,5,34)
```
#0d0733
```
#0d0733 rgb(13,7,51)
```
#110944
```
#110944 rgb(17,9,68)
```
#160c55
```
#160c55 rgb(22,12,85)
```
#1a0e67
```
#1a0e67 rgb(26,14,103)
```
#1e1178
```
#1e1178 rgb(30,17,120)
```
#231389
```
#231389 rgb(35,19,137)
```
#27159a
```
#27159a rgb(39,21,154)
```
#2b18ac
```
#2b18ac rgb(43,24,172)
```
#301abd
```
#301abd rgb(48,26,189)
```
#341cce
```
#341cce rgb(52,28,206)
```
#381fdf
```
#381fdf rgb(56,31,223)
```

Shade Color Variation

#472fe2
```
#472fe2 rgb(71,47,226)
```
#5641e5
```
#5641e5 rgb(86,65,229)
```
#6652e7
```
#6652e7 rgb(102,82,231)
```
#7563e9
```
#7563e9 rgb(117,99,233)
```
#8474ec
```
#8474ec rgb(132,116,236)
```
#9386ee
```
#9386ee rgb(147,134,238)
```
#a397f1
```
#a397f1 rgb(163,151,241)
```
#b2a8f3
```
#b2a8f3 rgb(178,168,243)
```
#c1b9f5
```
#c1b9f5 rgb(193,185,245)
```
#d1caf8
```
#d1caf8 rgb(209,202,248)
```
#e0dcfa
```
#e0dcfa rgb(224,220,250)
```
#efedfd
```
#efedfd rgb(239,237,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#cbcad1
```
#cbcad1 rgb(203,202,209)
```
#c8c6d5
```
#c8c6d5 rgb(200,198,213)
```
#c6c3d8
```
#c6c3d8 rgb(198,195,216)
```
#c3bfdc
```
#c3bfdc rgb(195,191,220)
```
#c0bbe0
```
#c0bbe0 rgb(192,187,224)
```
#bdb7e4
```
#bdb7e4 rgb(189,183,228)
```
#bab3e8
```
#bab3e8 rgb(186,179,232)
```
#b8b0eb
```
#b8b0eb rgb(184,176,235)
```
#b5acef
```
#b5acef rgb(181,172,239)
```
#b2a8f3
```
#b2a8f3 rgb(178,168,243)
```
#afa4f7
```
#afa4f7 rgb(175,164,247)
```
#aca0fb
```
#aca0fb rgb(172,160,251)
```
#aa9dfe
```
#aa9dfe rgb(170,157,254)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b4b2c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db2f7 Protanopia 1% of men
#a0b2f1 Deuteranopia 1% of men
#aab6c3 Tritanopia 0.001% of the population

Trichromacy

#a5aef6 Protanomaly 1% of men, 0.01% of women
#a7aef1 Deuteranomaly 6% of men, 0.4% of women
#adb1d4 Tritanomaly 0.01% of the population

#b2a8f3 hex color

#b2a8f3 Color Information

#b2a8f3 Color Conversion

Color Schemes with #b2a8f3

Alternatives to #b2a8f3

#b2a8f3 Preview

Shades and Tints of #b2a8f3

Tones of #b2a8f3

Color Blindness Simulator