#b2a5f7 hex color

In a RGB color space, hex #b2a5f7 is composed of 69.8% red, 64.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 33.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 249.5 degrees, a saturation of 83.7% and a lightness of 80.8%. #b2a5f7 color hex could be obtained by blending #ffffff with #654bef. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 70
- G 65
- B 97
RGB color chart
- C 28
- M 33
- Y 0
- K 3
CMYK color chart

● #b2a5f7 color description : Very soft blue.

The hexadecimal color #b2a5f7 has RGB values of R:178, G:165, B:247 and CMYK values of C:0.28, M:0.33, Y:0, K:0.03. Its decimal value is 11707895.

Hex triplet	b2a5f7	`#b2a5f7`
RGB Decimal	178, 165, 247	`rgb(178,165,247)`
RGB Percent	69.8, 64.7, 96.9	`rgb(69.8%,64.7%,96.9%)`
CMYK	28, 33, 0, 3
HSL	249.5°, 83.7, 80.8	`hsl(249.5,83.7%,80.8%)`
HSV (or HSB)	249.5°, 33.2, 96.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.616, 22.17, -39.204
XYZ	48.601, 43.09, 93.747
xyY	0.262, 0.232, 43.09
CIE-LCH	71.616, 45.039, 299.488
CIE-LUV	71.616, 1.213, -66.165
Hunter-Lab	65.643, 17.282, -38.724
Binary	10110010, 10100101, 11110111

#b2a5f7
```
#b2a5f7 rgb(178,165,247)
```
#eaf7a5
```
#eaf7a5 rgb(234,247,165)
```

Complementary Color

#a5c1f7
```
#a5c1f7 rgb(165,193,247)
```
#b2a5f7
```
#b2a5f7 rgb(178,165,247)
```
#dba5f7
```
#dba5f7 rgb(219,165,247)
```

Analogous Color

#c1f7a5
```
#c1f7a5 rgb(193,247,165)
```
#b2a5f7
```
#b2a5f7 rgb(178,165,247)
```
#f7dba5
```
#f7dba5 rgb(247,219,165)
```

Split Complementary Color

#a5f7b2
```
#a5f7b2 rgb(165,247,178)
```
#b2a5f7
```
#b2a5f7 rgb(178,165,247)
```
#f7b2a5
```
#f7b2a5 rgb(247,178,165)
```

Triadic Color

#a5eaf7
```
#a5eaf7 rgb(165,234,247)
```
#b2a5f7
```
#b2a5f7 rgb(178,165,247)
```
#f7b2a5
```
#f7b2a5 rgb(247,178,165)
```
#eaf7a5
```
#eaf7a5 rgb(234,247,165)
```

Tetradic Color

#765ff1
```
#765ff1 rgb(118,95,241)
```
#8a76f3
```
#8a76f3 rgb(138,118,243)
```
#9e8ef5
```
#9e8ef5 rgb(158,142,245)
```
#b2a5f7
```
#b2a5f7 rgb(178,165,247)
```
#c6bcf9
```
#c6bcf9 rgb(198,188,249)
```
#dad4fb
```
#dad4fb rgb(218,212,251)
```
#eeebfd
```
#eeebfd rgb(238,235,253)
```

Monochromatic Color

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

#a5adf7
```
#a5adf7 rgb(165,173,247)
```
#a5a6f7
```
#a5a6f7 rgb(165,166,247)
```
#aba5f7
```
#aba5f7 rgb(171,165,247)
```
#b2a5f7
```
#b2a5f7 rgb(178,165,247)
```
#b9a5f7
```
#b9a5f7 rgb(185,165,247)
```
#c0a5f7
```
#c0a5f7 rgb(192,165,247)
```
#c7a5f7
```
#c7a5f7 rgb(199,165,247)
```

Similar Colors

Text with hexadecimal color #b2a5f7

This text has a font color of #b2a5f7.

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

#b2a5f7 background color

This paragraph has a background color of #b2a5f7.

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

#b2a5f7 border color

This element has a border color of #b2a5f7.

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

CSS codes

.text {color:#b2a5f7;}

.background {background-color:#b2a5f7;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040212
```
#040212 rgb(4,2,18)
```
#080324
```
#080324 rgb(8,3,36)
```
#0d0536
```
#0d0536 rgb(13,5,54)
```
#110648
```
#110648 rgb(17,6,72)
```
#15085a
```
#15085a rgb(21,8,90)
```
#190a6c
```
#190a6c rgb(25,10,108)
```
#1d0b7e
```
#1d0b7e rgb(29,11,126)
```
#220d90
```
#220d90 rgb(34,13,144)
```
#260ea2
```
#260ea2 rgb(38,14,162)
```
#2a10b4
```
#2a10b4 rgb(42,16,180)
```
#2e12c6
```
#2e12c6 rgb(46,18,198)
```
#3213d8
```
#3213d8 rgb(50,19,216)
```

Shade Color Variation

#3715ea
```
#3715ea rgb(55,21,234)
```
#4627ec
```
#4627ec rgb(70,39,236)
```
#5639ed
```
#5639ed rgb(86,57,237)
```
#654bef
```
#654bef rgb(101,75,239)
```
#745df1
```
#745df1 rgb(116,93,241)
```
#846ff2
```
#846ff2 rgb(132,111,242)
```
#9381f4
```
#9381f4 rgb(147,129,244)
```
#a393f5
```
#a393f5 rgb(163,147,245)
```
#b2a5f7
```
#b2a5f7 rgb(178,165,247)
```
#c1b7f9
```
#c1b7f9 rgb(193,183,249)
```
#d1c9fa
```
#d1c9fa rgb(209,201,250)
```
#e0dbfc
```
#e0dbfc rgb(224,219,252)
```
#f0edfd
```
#f0edfd rgb(240,237,253)
```

Tint Color Variation

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

#cccbd1
```
#cccbd1 rgb(204,203,209)
```
#c9c7d5
```
#c9c7d5 rgb(201,199,213)
```
#c7c3d9
```
#c7c3d9 rgb(199,195,217)
```
#c4bfdd
```
#c4bfdd rgb(196,191,221)
```
#c1bce0
```
#c1bce0 rgb(193,188,224)
```
#bfb8e4
```
#bfb8e4 rgb(191,184,228)
```
#bcb4e8
```
#bcb4e8 rgb(188,180,232)
```
#bab0ec
```
#bab0ec rgb(186,176,236)
```
#b7adef
```
#b7adef rgb(183,173,239)
```
#b5a9f3
```
#b5a9f3 rgb(181,169,243)
```
#b2a5f7
```
#b2a5f7 rgb(178,165,247)
```
#afa1fb
```
#afa1fb rgb(175,161,251)
```
#ad9dff
```
#ad9dff rgb(173,157,255)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2afc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98b1fc Protanopia 1% of men
#9bb1f4 Deuteranopia 1% of men
#a9b5c1 Tritanopia 0.001% of the population

Trichromacy

#a2acfa Protanomaly 1% of men, 0.01% of women
#a3adf5 Deuteranomaly 6% of men, 0.4% of women
#acafd5 Tritanomaly 0.01% of the population

#b2a5f7 hex color

#b2a5f7 Color Information

#b2a5f7 Color Conversion

Color Schemes with #b2a5f7

Alternatives to #b2a5f7

#b2a5f7 Preview

Shades and Tints of #b2a5f7

Tones of #b2a5f7

Color Blindness Simulator