#b2a5fd hex color

In a RGB color space, hex #b2a5fd is composed of 69.8% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 248.9 degrees, a saturation of 95.7% and a lightness of 82%. #b2a5fd color hex could be obtained by blending #ffffff with #654bfb. Closest websafe color is: #9999ff.

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

● #b2a5fd color description : Very soft blue.

The hexadecimal color #b2a5fd has RGB values of R:178, G:165, B:253 and CMYK values of C:0.3, M:0.35, Y:0, K:0.01. Its decimal value is 11707901.

Hex triplet	b2a5fd	`#b2a5fd`
RGB Decimal	178, 165, 253	`rgb(178,165,253)`
RGB Percent	69.8, 64.7, 99.2	`rgb(69.8%,64.7%,99.2%)`
CMYK	30, 35, 0, 1
HSL	248.9°, 95.7, 82	`hsl(248.9,95.7%,82%)`
HSV (or HSB)	248.9°, 34.8, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.871, 23.638, -42.061
XYZ	49.542, 43.467, 98.703
xyY	0.258, 0.227, 43.467
CIE-LCH	71.871, 48.248, 299.335
CIE-LUV	71.871, 0.741, -71.209
Hunter-Lab	65.929, 18.755, -42.613
Binary	10110010, 10100101, 11111101

#b2a5fd
```
#b2a5fd rgb(178,165,253)
```
#f0fda5
```
#f0fda5 rgb(240,253,165)
```

Complementary Color

#a5c4fd
```
#a5c4fd rgb(165,196,253)
```
#b2a5fd
```
#b2a5fd rgb(178,165,253)
```
#dea5fd
```
#dea5fd rgb(222,165,253)
```

Analogous Color

#c4fda5
```
#c4fda5 rgb(196,253,165)
```
#b2a5fd
```
#b2a5fd rgb(178,165,253)
```
#fddea5
```
#fddea5 rgb(253,222,165)
```

Split Complementary Color

#a5fdb2
```
#a5fdb2 rgb(165,253,178)
```
#b2a5fd
```
#b2a5fd rgb(178,165,253)
```
#fdb2a5
```
#fdb2a5 rgb(253,178,165)
```

Triadic Color

#a5f0fd
```
#a5f0fd rgb(165,240,253)
```
#b2a5fd
```
#b2a5fd rgb(178,165,253)
```
#fdb2a5
```
#fdb2a5 rgb(253,178,165)
```
#f0fda5
```
#f0fda5 rgb(240,253,165)
```

Tetradic Color

#725afb
```
#725afb rgb(114,90,251)
```
#8773fc
```
#8773fc rgb(135,115,252)
```
#9d8cfc
```
#9d8cfc rgb(157,140,252)
```
#b2a5fd
```
#b2a5fd rgb(178,165,253)
```
#c7befe
```
#c7befe rgb(199,190,254)
```
#ddd7fe
```
#ddd7fe rgb(221,215,254)
```
#f2f0ff
```
#f2f0ff rgb(242,240,255)
```

Monochromatic Color

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

#a5aefd
```
#a5aefd rgb(165,174,253)
```
#a5a7fd
```
#a5a7fd rgb(165,167,253)
```
#aba5fd
```
#aba5fd rgb(171,165,253)
```
#b2a5fd
```
#b2a5fd rgb(178,165,253)
```
#b9a5fd
```
#b9a5fd rgb(185,165,253)
```
#c1a5fd
```
#c1a5fd rgb(193,165,253)
```
#c8a5fd
```
#c8a5fd rgb(200,165,253)
```

Similar Colors

Text with hexadecimal color #b2a5fd

This text has a font color of #b2a5fd.

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

#b2a5fd background color

This paragraph has a background color of #b2a5fd.

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

#b2a5fd border color

This element has a border color of #b2a5fd.

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

CSS codes

.text {color:#b2a5fd;}

.background {background-color:#b2a5fd;}

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

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

#010006
```
#010006 rgb(1,0,6)
```
#040119
```
#040119 rgb(4,1,25)
```
#07012c
```
#07012c rgb(7,1,44)
```
#0b0140
```
#0b0140 rgb(11,1,64)
```
#0e0253
```
#0e0253 rgb(14,2,83)
```
#110266
```
#110266 rgb(17,2,102)
```
#140379
```
#140379 rgb(20,3,121)
```
#17038c
```
#17038c rgb(23,3,140)
```
#1b049f
```
#1b049f rgb(27,4,159)
```
#1e04b3
```
#1e04b3 rgb(30,4,179)
```
#2104c6
```
#2104c6 rgb(33,4,198)
```
#2405d9
```
#2405d9 rgb(36,5,217)
```
#2705ec
```
#2705ec rgb(39,5,236)
```

Shade Color Variation

#2f0bfa
```
#2f0bfa rgb(47,11,250)
```
#3f1ffa
```
#3f1ffa rgb(63,31,250)
```
#4f32fa
```
#4f32fa rgb(79,50,250)
```
#6045fb
```
#6045fb rgb(96,69,251)
```
#7058fb
```
#7058fb rgb(112,88,251)
```
#816bfc
```
#816bfc rgb(129,107,252)
```
#917ffc
```
#917ffc rgb(145,127,252)
```
#a292fd
```
#a292fd rgb(162,146,253)
```
#b2a5fd
```
#b2a5fd rgb(178,165,253)
```
#c2b8fd
```
#c2b8fd rgb(194,184,253)
```
#d3cbfe
```
#d3cbfe rgb(211,203,254)
```
#e3dffe
```
#e3dffe rgb(227,223,254)
```
#f4f2ff
```
#f4f2ff rgb(244,242,255)
```

Tint Color Variation

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

#d0cfd3
```
#d0cfd3 rgb(208,207,211)
```
#cdccd6
```
#cdccd6 rgb(205,204,214)
```
#cbc8da
```
#cbc8da rgb(203,200,218)
```
#c8c5dd
```
#c8c5dd rgb(200,197,221)
```
#c6c1e1
```
#c6c1e1 rgb(198,193,225)
```
#c3bee4
```
#c3bee4 rgb(195,190,228)
```
#c1bae8
```
#c1bae8 rgb(193,186,232)
```
#beb7eb
```
#beb7eb rgb(190,183,235)
```
#bcb3ef
```
#bcb3ef rgb(188,179,239)
```
#b9b0f2
```
#b9b0f2 rgb(185,176,242)
```
#b7acf6
```
#b7acf6 rgb(183,172,246)
```
#b4a9f9
```
#b4a9f9 rgb(180,169,249)
```
#b2a5fd
```
#b2a5fd rgb(178,165,253)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b0c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98b1ff Protanopia 1% of men
#97b2f9 Deuteranopia 1% of men
#a7b6c3 Tritanopia 0.001% of the population

Trichromacy

#a1adfe Protanomaly 1% of men, 0.01% of women
#a1adfa Deuteranomaly 6% of men, 0.4% of women
#abafd8 Tritanomaly 0.01% of the population

#b2a5fd hex color

#b2a5fd Color Information

#b2a5fd Color Conversion

Color Schemes with #b2a5fd

Alternatives to #b2a5fd

#b2a5fd Preview

Shades and Tints of #b2a5fd

Tones of #b2a5fd

Color Blindness Simulator