#b2a7f3 hex color

In a RGB color space, hex #b2a7f3 is composed of 69.8% red, 65.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 31.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 248.7 degrees, a saturation of 76% and a lightness of 80.4%. #b2a7f3 color hex could be obtained by blending #ffffff with #654fe7. Closest websafe color is: #9999ff.

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

● #b2a7f3 color description : Very soft blue.

The hexadecimal color #b2a7f3 has RGB values of R:178, G:167, B:243 and CMYK values of C:0.27, M:0.31, Y:0, K:0.05. Its decimal value is 11708403.

Hex triplet	b2a7f3	`#b2a7f3`
RGB Decimal	178, 167, 243	`rgb(178,167,243)`
RGB Percent	69.8, 65.5, 95.3	`rgb(69.8%,65.5%,95.3%)`
CMYK	27, 31, 0, 5
HSL	248.7°, 76, 80.4	`hsl(248.7,76%,80.4%)`
HSV (or HSB)	248.7°, 31.3, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.942, 20.086, -36.525
XYZ	48.354, 43.573, 90.652
xyY	0.265, 0.239, 43.573
CIE-LCH	71.942, 41.683, 298.808
CIE-LUV	71.942, 0.708, -61.419
Hunter-Lab	66.01, 15.237, -35.217
Binary	10110010, 10100111, 11110011

#b2a7f3
```
#b2a7f3 rgb(178,167,243)
```
#e8f3a7
```
#e8f3a7 rgb(232,243,167)
```

Complementary Color

#a7c2f3
```
#a7c2f3 rgb(167,194,243)
```
#b2a7f3
```
#b2a7f3 rgb(178,167,243)
```
#d8a7f3
```
#d8a7f3 rgb(216,167,243)
```

Analogous Color

#c2f3a7
```
#c2f3a7 rgb(194,243,167)
```
#b2a7f3
```
#b2a7f3 rgb(178,167,243)
```
#f3d8a7
```
#f3d8a7 rgb(243,216,167)
```

Split Complementary Color

#a7f3b2
```
#a7f3b2 rgb(167,243,178)
```
#b2a7f3
```
#b2a7f3 rgb(178,167,243)
```
#f3b2a7
```
#f3b2a7 rgb(243,178,167)
```

Triadic Color

#a7e8f3
```
#a7e8f3 rgb(167,232,243)
```
#b2a7f3
```
#b2a7f3 rgb(178,167,243)
```
#f3b2a7
```
#f3b2a7 rgb(243,178,167)
```
#e8f3a7
```
#e8f3a7 rgb(232,243,167)
```

Tetradic Color

#7764ea
```
#7764ea rgb(119,100,234)
```
#8b7aed
```
#8b7aed rgb(139,122,237)
```
#9e91f0
```
#9e91f0 rgb(158,145,240)
```
#b2a7f3
```
#b2a7f3 rgb(178,167,243)
```
#c6bdf6
```
#c6bdf6 rgb(198,189,246)
```
#d9d4f9
```
#d9d4f9 rgb(217,212,249)
```
#edeafc
```
#edeafc rgb(237,234,252)
```

Monochromatic Color

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

#a7aff3
```
#a7aff3 rgb(167,175,243)
```
#a7a9f3
```
#a7a9f3 rgb(167,169,243)
```
#aca7f3
```
#aca7f3 rgb(172,167,243)
```
#b2a7f3
```
#b2a7f3 rgb(178,167,243)
```
#b8a7f3
```
#b8a7f3 rgb(184,167,243)
```
#bfa7f3
```
#bfa7f3 rgb(191,167,243)
```
#c5a7f3
```
#c5a7f3 rgb(197,167,243)
```

Similar Colors

Text with hexadecimal color #b2a7f3

This text has a font color of #b2a7f3.

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

#b2a7f3 background color

This paragraph has a background color of #b2a7f3.

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

#b2a7f3 border color

This element has a border color of #b2a7f3.

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

CSS codes

.text {color:#b2a7f3;}

.background {background-color:#b2a7f3;}

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

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

#040210
```
#040210 rgb(4,2,16)
```
#090421
```
#090421 rgb(9,4,33)
```
#0d0732
```
#0d0732 rgb(13,7,50)
```
#120943
```
#120943 rgb(18,9,67)
```
#160c55
```
#160c55 rgb(22,12,85)
```
#1b0e66
```
#1b0e66 rgb(27,14,102)
```
#1f1077
```
#1f1077 rgb(31,16,119)
```
#241388
```
#241388 rgb(36,19,136)
```
#28159a
```
#28159a rgb(40,21,154)
```
#2d17ab
```
#2d17ab rgb(45,23,171)
```
#311abc
```
#311abc rgb(49,26,188)
```
#361ccd
```
#361ccd rgb(54,28,205)
```
#3a1edf
```
#3a1edf rgb(58,30,223)
```

Shade Color Variation

#482ee3
```
#482ee3 rgb(72,46,227)
```
#573fe5
```
#573fe5 rgb(87,63,229)
```
#6651e7
```
#6651e7 rgb(102,81,231)
```
#7662ea
```
#7662ea rgb(118,98,234)
```
#8573ec
```
#8573ec rgb(133,115,236)
```
#9484ee
```
#9484ee rgb(148,132,238)
```
#a396f1
```
#a396f1 rgb(163,150,241)
```
#b2a7f3
```
#b2a7f3 rgb(178,167,243)
```
#c1b8f5
```
#c1b8f5 rgb(193,184,245)
```
#d0caf8
```
#d0caf8 rgb(208,202,248)
```
#dfdbfa
```
#dfdbfa rgb(223,219,250)
```
#eeecfc
```
#eeecfc rgb(238,236,252)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#cbcad0
```
#cbcad0 rgb(203,202,208)
```
#c8c6d4
```
#c8c6d4 rgb(200,198,212)
```
#c5c2d8
```
#c5c2d8 rgb(197,194,216)
```
#c2bedc
```
#c2bedc rgb(194,190,220)
```
#c0bae0
```
#c0bae0 rgb(192,186,224)
```
#bdb6e4
```
#bdb6e4 rgb(189,182,228)
```
#bab3e7
```
#bab3e7 rgb(186,179,231)
```
#b7afeb
```
#b7afeb rgb(183,175,235)
```
#b5abef
```
#b5abef rgb(181,171,239)
```
#b2a7f3
```
#b2a7f3 rgb(178,167,243)
```
#afa3f7
```
#afa3f7 rgb(175,163,247)
```
#ad9ffb
```
#ad9ffb rgb(173,159,251)
```
#aa9bff
```
#aa9bff rgb(170,155,255)
```

Tone Color Variation

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

Dichromacy

#9cb2f8 Protanopia 1% of men
#9fb2f1 Deuteranopia 1% of men
#aab5c2 Tritanopia 0.001% of the population

Trichromacy

#a4aef6 Protanomaly 1% of men, 0.01% of women
#a6aef1 Deuteranomaly 6% of men, 0.4% of women
#adb0d4 Tritanomaly 0.01% of the population

#b2a7f3 hex color

#b2a7f3 Color Information

#b2a7f3 Color Conversion

Color Schemes with #b2a7f3

Alternatives to #b2a7f3

#b2a7f3 Preview

Shades and Tints of #b2a7f3

Tones of #b2a7f3

Color Blindness Simulator