#b2a7fd hex color

In a RGB color space, hex #b2a7fd is composed of 69.8% red, 65.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 34% magenta, 0% yellow and 0.8% black. It has a hue angle of 247.7 degrees, a saturation of 95.6% and a lightness of 82.4%. #b2a7fd color hex could be obtained by blending #ffffff with #654ffb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 70
- G 65
- B 99
RGB color chart
- C 30
- M 34
- Y 0
- K 1
CMYK color chart

● #b2a7fd color description : Very soft blue.

The hexadecimal color #b2a7fd has RGB values of R:178, G:167, B:253 and CMYK values of C:0.3, M:0.34, Y:0, K:0.01. Its decimal value is 11708413.

Hex triplet	b2a7fd	`#b2a7fd`
RGB Decimal	178, 167, 253	`rgb(178,167,253)`
RGB Percent	69.8, 65.5, 99.2	`rgb(69.8%,65.5%,99.2%)`
CMYK	30, 34, 0, 1
HSL	247.7°, 95.6, 82.4	`hsl(247.7,95.6%,82.4%)`
HSV (or HSB)	247.7°, 34, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.358, 22.519, -41.3
XYZ	49.905, 44.194, 98.824
xyY	0.259, 0.229, 44.194
CIE-LCH	72.358, 47.041, 298.602
CIE-LUV	72.358, -0.052, -69.844
Hunter-Lab	66.478, 17.662, -41.603
Binary	10110010, 10100111, 11111101

#b2a7fd
```
#b2a7fd rgb(178,167,253)
```
#f2fda7
```
#f2fda7 rgb(242,253,167)
```

Complementary Color

#a7c7fd
```
#a7c7fd rgb(167,199,253)
```
#b2a7fd
```
#b2a7fd rgb(178,167,253)
```
#dda7fd
```
#dda7fd rgb(221,167,253)
```

Analogous Color

#c7fda7
```
#c7fda7 rgb(199,253,167)
```
#b2a7fd
```
#b2a7fd rgb(178,167,253)
```
#fddda7
```
#fddda7 rgb(253,221,167)
```

Split Complementary Color

#a7fdb2
```
#a7fdb2 rgb(167,253,178)
```
#b2a7fd
```
#b2a7fd rgb(178,167,253)
```
#fdb2a7
```
#fdb2a7 rgb(253,178,167)
```

Triadic Color

#a7f2fd
```
#a7f2fd rgb(167,242,253)
```
#b2a7fd
```
#b2a7fd rgb(178,167,253)
```
#fdb2a7
```
#fdb2a7 rgb(253,178,167)
```
#f2fda7
```
#f2fda7 rgb(242,253,167)
```

Tetradic Color

#715cfb
```
#715cfb rgb(113,92,251)
```
#8675fc
```
#8675fc rgb(134,117,252)
```
#9c8efc
```
#9c8efc rgb(156,142,252)
```
#b2a7fd
```
#b2a7fd rgb(178,167,253)
```
#c8c0fe
```
#c8c0fe rgb(200,192,254)
```
#ded9fe
```
#ded9fe rgb(222,217,254)
```
#f3f2ff
```
#f3f2ff rgb(243,242,255)
```

Monochromatic Color

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

#a7b2fd
```
#a7b2fd rgb(167,178,253)
```
#a7aafd
```
#a7aafd rgb(167,170,253)
```
#aba7fd
```
#aba7fd rgb(171,167,253)
```
#b2a7fd
```
#b2a7fd rgb(178,167,253)
```
#b9a7fd
```
#b9a7fd rgb(185,167,253)
```
#c0a7fd
```
#c0a7fd rgb(192,167,253)
```
#c8a7fd
```
#c8a7fd rgb(200,167,253)
```

Similar Colors

Text with hexadecimal color #b2a7fd

This text has a font color of #b2a7fd.

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

#b2a7fd background color

This paragraph has a background color of #b2a7fd.

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

#b2a7fd border color

This element has a border color of #b2a7fd.

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

CSS codes

.text {color:#b2a7fd;}

.background {background-color:#b2a7fd;}

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

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

#010008
```
#010008 rgb(1,0,8)
```
#04011b
```
#04011b rgb(4,1,27)
```
#07012e
```
#07012e rgb(7,1,46)
```
#0a0141
```
#0a0141 rgb(10,1,65)
```
#0c0255
```
#0c0255 rgb(12,2,85)
```
#0f0268
```
#0f0268 rgb(15,2,104)
```
#12037b
```
#12037b rgb(18,3,123)
```
#15038e
```
#15038e rgb(21,3,142)
```
#1804a1
```
#1804a1 rgb(24,4,161)
```
#1b04b5
```
#1b04b5 rgb(27,4,181)
```
#1d05c8
```
#1d05c8 rgb(29,5,200)
```
#2005db
```
#2005db rgb(32,5,219)
```
#2305ee
```
#2305ee rgb(35,5,238)
```

Shade Color Variation

#2c0efa
```
#2c0efa rgb(44,14,250)
```
#3d21fa
```
#3d21fa rgb(61,33,250)
```
#4d34fa
```
#4d34fa rgb(77,52,250)
```
#5e47fb
```
#5e47fb rgb(94,71,251)
```
#6f5afb
```
#6f5afb rgb(111,90,251)
```
#806dfc
```
#806dfc rgb(128,109,252)
```
#9081fc
```
#9081fc rgb(144,129,252)
```
#a194fd
```
#a194fd rgb(161,148,253)
```
#b2a7fd
```
#b2a7fd rgb(178,167,253)
```
#c3bafd
```
#c3bafd rgb(195,186,253)
```
#d4cdfe
```
#d4cdfe rgb(212,205,254)
```
#e4e1fe
```
#e4e1fe rgb(228,225,254)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#d1d1d3
```
#d1d1d3 rgb(209,209,211)
```
#cecdd7
```
#cecdd7 rgb(206,205,215)
```
#cccada
```
#cccada rgb(204,202,218)
```
#c9c6de
```
#c9c6de rgb(201,198,222)
```
#c7c3e1
```
#c7c3e1 rgb(199,195,225)
```
#c4bfe5
```
#c4bfe5 rgb(196,191,229)
```
#c1bce8
```
#c1bce8 rgb(193,188,232)
```
#bfb8ec
```
#bfb8ec rgb(191,184,236)
```
#bcb5ef
```
#bcb5ef rgb(188,181,239)
```
#bab1f3
```
#bab1f3 rgb(186,177,243)
```
#b7aef6
```
#b7aef6 rgb(183,174,246)
```
#b5aafa
```
#b5aafa rgb(181,170,250)
```
#b2a7fd
```
#b2a7fd rgb(178,167,253)
```

Tone Color Variation

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

Dichromacy

#9ab2ff Protanopia 1% of men
#99b3fa Deuteranopia 1% of men
#a7b7c4 Tritanopia 0.001% of the population

Trichromacy

#a3aefe Protanomaly 1% of men, 0.01% of women
#a2affb Deuteranomaly 6% of men, 0.4% of women
#abb1d9 Tritanomaly 0.01% of the population

#b2a7fd hex color

#b2a7fd Color Information

#b2a7fd Color Conversion

Color Schemes with #b2a7fd

Alternatives to #b2a7fd

#b2a7fd Preview

Shades and Tints of #b2a7fd

Tones of #b2a7fd

Color Blindness Simulator