#b2aaf3 hex color

In a RGB color space, hex #b2aaf3 is composed of 69.8% red, 66.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 30% magenta, 0% yellow and 4.7% black. It has a hue angle of 246.6 degrees, a saturation of 75.3% and a lightness of 81%. #b2aaf3 color hex could be obtained by blending #ffffff with #6555e7. Closest websafe color is: #9999ff.

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

● #b2aaf3 color description : Very soft blue.

The hexadecimal color #b2aaf3 has RGB values of R:178, G:170, B:243 and CMYK values of C:0.27, M:0.3, Y:0, K:0.05. Its decimal value is 11709171.

Hex triplet	b2aaf3	`#b2aaf3`
RGB Decimal	178, 170, 243	`rgb(178,170,243)`
RGB Percent	69.8, 66.7, 95.3	`rgb(69.8%,66.7%,95.3%)`
CMYK	27, 30, 0, 5
HSL	246.6°, 75.3, 81	`hsl(246.6,75.3%,81%)`
HSV (or HSB)	246.6°, 30, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.684, 18.413, -35.374
XYZ	48.909, 44.685, 90.837
xyY	0.265, 0.242, 44.685
CIE-LCH	72.684, 39.879, 297.498
CIE-LUV	72.684, -0.533, -59.343
Hunter-Lab	66.847, 13.62, -33.776
Binary	10110010, 10101010, 11110011

#b2aaf3
```
#b2aaf3 rgb(178,170,243)
```
#ebf3aa
```
#ebf3aa rgb(235,243,170)
```

Complementary Color

#aac7f3
```
#aac7f3 rgb(170,199,243)
```
#b2aaf3
```
#b2aaf3 rgb(178,170,243)
```
#d7aaf3
```
#d7aaf3 rgb(215,170,243)
```

Analogous Color

#c7f3aa
```
#c7f3aa rgb(199,243,170)
```
#b2aaf3
```
#b2aaf3 rgb(178,170,243)
```
#f3d7aa
```
#f3d7aa rgb(243,215,170)
```

Split Complementary Color

#aaf3b2
```
#aaf3b2 rgb(170,243,178)
```
#b2aaf3
```
#b2aaf3 rgb(178,170,243)
```
#f3b2aa
```
#f3b2aa rgb(243,178,170)
```

Triadic Color

#aaebf3
```
#aaebf3 rgb(170,235,243)
```
#b2aaf3
```
#b2aaf3 rgb(178,170,243)
```
#f3b2aa
```
#f3b2aa rgb(243,178,170)
```
#ebf3aa
```
#ebf3aa rgb(235,243,170)
```

Tetradic Color

#7567ea
```
#7567ea rgb(117,103,234)
```
#8a7ded
```
#8a7ded rgb(138,125,237)
```
#9e94f0
```
#9e94f0 rgb(158,148,240)
```
#b2aaf3
```
#b2aaf3 rgb(178,170,243)
```
#c6c0f6
```
#c6c0f6 rgb(198,192,246)
```
#dad7f9
```
#dad7f9 rgb(218,215,249)
```
#efedfc
```
#efedfc rgb(239,237,252)
```

Monochromatic Color

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

#aab4f3
```
#aab4f3 rgb(170,180,243)
```
#aaaef3
```
#aaaef3 rgb(170,174,243)
```
#acaaf3
```
#acaaf3 rgb(172,170,243)
```
#b2aaf3
```
#b2aaf3 rgb(178,170,243)
```
#b8aaf3
```
#b8aaf3 rgb(184,170,243)
```
#beaaf3
```
#beaaf3 rgb(190,170,243)
```
#c4aaf3
```
#c4aaf3 rgb(196,170,243)
```

Similar Colors

Text with hexadecimal color #b2aaf3

This text has a font color of #b2aaf3.

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

#b2aaf3 background color

This paragraph has a background color of #b2aaf3.

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

#b2aaf3 border color

This element has a border color of #b2aaf3.

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

CSS codes

.text {color:#b2aaf3;}

.background {background-color:#b2aaf3;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040312
```
#040312 rgb(4,3,18)
```
#080523
```
#080523 rgb(8,5,35)
```
#0c0735
```
#0c0735 rgb(12,7,53)
```
#100a46
```
#100a46 rgb(16,10,70)
```
#140c57
```
#140c57 rgb(20,12,87)
```
#180f68
```
#180f68 rgb(24,15,104)
```
#1d1179
```
#1d1179 rgb(29,17,121)
```
#21148a
```
#21148a rgb(33,20,138)
```
#25169c
```
#25169c rgb(37,22,156)
```
#2918ad
```
#2918ad rgb(41,24,173)
```
#2d1bbe
```
#2d1bbe rgb(45,27,190)
```
#311dcf
```
#311dcf rgb(49,29,207)
```

Shade Color Variation

#3520e0
```
#3520e0 rgb(53,32,224)
```
#4532e2
```
#4532e2 rgb(69,50,226)
```
#5543e4
```
#5543e4 rgb(85,67,228)
```
#6454e7
```
#6454e7 rgb(100,84,231)
```
#7465e9
```
#7465e9 rgb(116,101,233)
```
#8376ec
```
#8376ec rgb(131,118,236)
```
#9388ee
```
#9388ee rgb(147,136,238)
```
#a299f1
```
#a299f1 rgb(162,153,241)
```
#b2aaf3
```
#b2aaf3 rgb(178,170,243)
```
#c2bbf5
```
#c2bbf5 rgb(194,187,245)
```
#d1ccf8
```
#d1ccf8 rgb(209,204,248)
```
#e1defa
```
#e1defa rgb(225,222,250)
```
#f0effd
```
#f0effd rgb(240,239,253)
```

Tint Color Variation

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

#ccccd1
```
#ccccd1 rgb(204,204,209)
```
#c9c8d5
```
#c9c8d5 rgb(201,200,213)
```
#c6c4d9
```
#c6c4d9 rgb(198,196,217)
```
#c3c0dd
```
#c3c0dd rgb(195,192,221)
```
#c1bde0
```
#c1bde0 rgb(193,189,224)
```
#beb9e4
```
#beb9e4 rgb(190,185,228)
```
#bbb5e8
```
#bbb5e8 rgb(187,181,232)
```
#b8b1ec
```
#b8b1ec rgb(184,177,236)
```
#b5aeef
```
#b5aeef rgb(181,174,239)
```
#b2aaf3
```
#b2aaf3 rgb(178,170,243)
```
#afa6f7
```
#afa6f7 rgb(175,166,247)
```
#aca3fa
```
#aca3fa rgb(172,163,250)
```
#a99ffe
```
#a99ffe rgb(169,159,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b3c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b3f7 Protanopia 1% of men
#a3b4f1 Deuteranopia 1% of men
#aab7c5 Tritanopia 0.001% of the population

Trichromacy

#a6b0f5 Protanomaly 1% of men, 0.01% of women
#a8b0f2 Deuteranomaly 6% of men, 0.4% of women
#adb2d5 Tritanomaly 0.01% of the population

#b2aaf3 hex color

#b2aaf3 Color Information

#b2aaf3 Color Conversion

Color Schemes with #b2aaf3

Alternatives to #b2aaf3

#b2aaf3 Preview

Shades and Tints of #b2aaf3

Tones of #b2aaf3

Color Blindness Simulator