#b2a5ff hex color

In a RGB color space, hex #b2a5ff is composed of 69.8% red, 64.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 35.3% magenta, 0% yellow and 0% black. It has a hue angle of 248.7 degrees, a saturation of 100% and a lightness of 82.4%. #b2a5ff color hex could be obtained by blending #ffffff with #654bff. Closest websafe color is: #9999ff.

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

● #b2a5ff color description : Pale blue.

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

Hex triplet	b2a5ff	`#b2a5ff`
RGB Decimal	178, 165, 255	`rgb(178,165,255)`
RGB Percent	69.8, 64.7, 100	`rgb(69.8%,64.7%,100%)`
CMYK	30, 35, 0, 0
HSL	248.7°, 100, 82.4	`hsl(248.7,100%,82.4%)`
HSV (or HSB)	248.7°, 35.3, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.957, 24.131, -43.009
XYZ	49.862, 43.595, 100.39
xyY	0.257, 0.225, 43.595
CIE-LCH	71.957, 49.316, 299.296
CIE-LUV	71.957, 0.585, -72.887
Hunter-Lab	66.026, 19.254, -43.929
Binary	10110010, 10100101, 11111111

#b2a5ff
```
#b2a5ff rgb(178,165,255)
```
#f2ffa5
```
#f2ffa5 rgb(242,255,165)
```

Complementary Color

#a5c5ff
```
#a5c5ff rgb(165,197,255)
```
#b2a5ff
```
#b2a5ff rgb(178,165,255)
```
#dfa5ff
```
#dfa5ff rgb(223,165,255)
```

Analogous Color

#c5ffa5
```
#c5ffa5 rgb(197,255,165)
```
#b2a5ff
```
#b2a5ff rgb(178,165,255)
```
#ffdfa5
```
#ffdfa5 rgb(255,223,165)
```

Split Complementary Color

#a5ffb2
```
#a5ffb2 rgb(165,255,178)
```
#b2a5ff
```
#b2a5ff rgb(178,165,255)
```
#ffb2a5
```
#ffb2a5 rgb(255,178,165)
```

Triadic Color

#a5f2ff
```
#a5f2ff rgb(165,242,255)
```
#b2a5ff
```
#b2a5ff rgb(178,165,255)
```
#ffb2a5
```
#ffb2a5 rgb(255,178,165)
```
#f2ffa5
```
#f2ffa5 rgb(242,255,165)
```

Tetradic Color

#7159ff
```
#7159ff rgb(113,89,255)
```
#8672ff
```
#8672ff rgb(134,114,255)
```
#9c8cff
```
#9c8cff rgb(156,140,255)
```
#b2a5ff
```
#b2a5ff rgb(178,165,255)
```
#c8bfff
```
#c8bfff rgb(200,191,255)
```
#ded8ff
```
#ded8ff rgb(222,216,255)
```
#f3f2ff
```
#f3f2ff rgb(243,242,255)
```

Monochromatic Color

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

#a5afff
```
#a5afff rgb(165,175,255)
```
#a5a7ff
```
#a5a7ff rgb(165,167,255)
```
#aba5ff
```
#aba5ff rgb(171,165,255)
```
#b2a5ff
```
#b2a5ff rgb(178,165,255)
```
#baa5ff
```
#baa5ff rgb(186,165,255)
```
#c1a5ff
```
#c1a5ff rgb(193,165,255)
```
#c9a5ff
```
#c9a5ff rgb(201,165,255)
```

Similar Colors

Text with hexadecimal color #b2a5ff

This text has a font color of #b2a5ff.

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

#b2a5ff background color

This paragraph has a background color of #b2a5ff.

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

#b2a5ff border color

This element has a border color of #b2a5ff.

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

CSS codes

.text {color:#b2a5ff;}

.background {background-color:#b2a5ff;}

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

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 #f5f3ff is the lightest one.

#010008
```
#010008 rgb(1,0,8)
```
#04001c
```
#04001c rgb(4,0,28)
```
#07002f
```
#07002f rgb(7,0,47)
```
#0a0043
```
#0a0043 rgb(10,0,67)
```
#0d0057
```
#0d0057 rgb(13,0,87)
```
#0f006a
```
#0f006a rgb(15,0,106)
```
#12007e
```
#12007e rgb(18,0,126)
```
#150091
```
#150091 rgb(21,0,145)
```
#1800a5
```
#1800a5 rgb(24,0,165)
```
#1b00b9
```
#1b00b9 rgb(27,0,185)
```
#1d00cc
```
#1d00cc rgb(29,0,204)
```
#2000e0
```
#2000e0 rgb(32,0,224)
```
#2300f3
```
#2300f3 rgb(35,0,243)
```

Shade Color Variation

#2c08ff
```
#2c08ff rgb(44,8,255)
```
#3d1cff
```
#3d1cff rgb(61,28,255)
```
#4d2fff
```
#4d2fff rgb(77,47,255)
```
#5e43ff
```
#5e43ff rgb(94,67,255)
```
#6f57ff
```
#6f57ff rgb(111,87,255)
```
#806aff
```
#806aff rgb(128,106,255)
```
#907eff
```
#907eff rgb(144,126,255)
```
#a191ff
```
#a191ff rgb(161,145,255)
```
#b2a5ff
```
#b2a5ff rgb(178,165,255)
```
#c3b9ff
```
#c3b9ff rgb(195,185,255)
```
#d4ccff
```
#d4ccff rgb(212,204,255)
```
#e4e0ff
```
#e4e0ff rgb(228,224,255)
```
#f5f3ff
```
#f5f3ff rgb(245,243,255)
```

Tint Color Variation

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

#d0cfd5
```
#d0cfd5 rgb(208,207,213)
```
#cdcbd9
```
#cdcbd9 rgb(205,203,217)
```
#cbc8dc
```
#cbc8dc rgb(203,200,220)
```
#c8c4e0
```
#c8c4e0 rgb(200,196,224)
```
#c6c1e3
```
#c6c1e3 rgb(198,193,227)
```
#c3bde7
```
#c3bde7 rgb(195,189,231)
```
#c1baea
```
#c1baea rgb(193,186,234)
```
#beb6ee
```
#beb6ee rgb(190,182,238)
```
#bcb3f1
```
#bcb3f1 rgb(188,179,241)
```
#b9aff5
```
#b9aff5 rgb(185,175,245)
```
#b7acf8
```
#b7acf8 rgb(183,172,248)
```
#b4a8fc
```
#b4a8fc rgb(180,168,252)
```
#b2a5ff
```
#b2a5ff rgb(178,165,255)
```

Tone Color Variation

Below, you can see how #b2a5ff 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
#96b3fb Deuteranopia 1% of men
#a7b6c3 Tritanopia 0.001% of the population

Trichromacy

#a1adff Protanomaly 1% of men, 0.01% of women
#a0adfc Deuteranomaly 6% of men, 0.4% of women
#abb0d9 Tritanomaly 0.01% of the population

#b2a5ff hex color

#b2a5ff Color Information

#b2a5ff Color Conversion

Color Schemes with #b2a5ff

Alternatives to #b2a5ff

#b2a5ff Preview

Shades and Tints of #b2a5ff

Tones of #b2a5ff

Color Blindness Simulator