#b2b4f3 hex color

In a RGB color space, hex #b2b4f3 is composed of 69.8% red, 70.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 25.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 238.2 degrees, a saturation of 73% and a lightness of 82.5%. #b2b4f3 color hex could be obtained by blending #ffffff with #6569e7. Closest websafe color is: #99ccff.

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

● #b2b4f3 color description : Very soft blue.

The hexadecimal color #b2b4f3 has RGB values of R:178, G:180, B:243 and CMYK values of C:0.27, M:0.26, Y:0, K:0.05. Its decimal value is 11711731.

Hex triplet	b2b4f3	`#b2b4f3`
RGB Decimal	178, 180, 243	`rgb(178,180,243)`
RGB Percent	69.8, 70.6, 95.3	`rgb(69.8%,70.6%,95.3%)`
CMYK	27, 26, 0, 5
HSL	238.2°, 73, 82.5	`hsl(238.2,73%,82.5%)`
HSV (or HSB)	238.2°, 26.7, 95.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.188, 12.866, -31.504
XYZ	50.856, 48.578, 91.486
xyY	0.266, 0.254, 48.578
CIE-LCH	75.188, 34.03, 292.215
CIE-LUV	75.188, -4.726, -52.32
Hunter-Lab	69.698, 8.274, -29.036
Binary	10110010, 10110100, 11110011

#b2b4f3
```
#b2b4f3 rgb(178,180,243)
```
#f3f1b2
```
#f3f1b2 rgb(243,241,178)
```

Complementary Color

#b2d5f3
```
#b2d5f3 rgb(178,213,243)
```
#b2b4f3
```
#b2b4f3 rgb(178,180,243)
```
#d1b2f3
```
#d1b2f3 rgb(209,178,243)
```

Analogous Color

#d5f3b2
```
#d5f3b2 rgb(213,243,178)
```
#b2b4f3
```
#b2b4f3 rgb(178,180,243)
```
#f3d1b2
```
#f3d1b2 rgb(243,209,178)
```

Split Complementary Color

#b4f3b2
```
#b4f3b2 rgb(180,243,178)
```
#b2b4f3
```
#b2b4f3 rgb(178,180,243)
```
#f3b2b4
```
#f3b2b4 rgb(243,178,180)
```

Triadic Color

#b2f3f1
```
#b2f3f1 rgb(178,243,241)
```
#b2b4f3
```
#b2b4f3 rgb(178,180,243)
```
#f3b2b4
```
#f3b2b4 rgb(243,178,180)
```
#f3f1b2
```
#f3f1b2 rgb(243,241,178)
```

Tetradic Color

#7074e9
```
#7074e9 rgb(112,116,233)
```
#8689ec
```
#8689ec rgb(134,137,236)
```
#9c9ff0
```
#9c9ff0 rgb(156,159,240)
```
#b2b4f3
```
#b2b4f3 rgb(178,180,243)
```
#c8c9f6
```
#c8c9f6 rgb(200,201,246)
```
#dedffa
```
#dedffa rgb(222,223,250)
```
#f4f4fd
```
#f4f4fd rgb(244,244,253)
```

Monochromatic Color

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

#b2c4f3
```
#b2c4f3 rgb(178,196,243)
```
#b2bff3
```
#b2bff3 rgb(178,191,243)
```
#b2b9f3
```
#b2b9f3 rgb(178,185,243)
```
#b2b4f3
```
#b2b4f3 rgb(178,180,243)
```
#b5b2f3
```
#b5b2f3 rgb(181,178,243)
```
#bbb2f3
```
#bbb2f3 rgb(187,178,243)
```
#c0b2f3
```
#c0b2f3 rgb(192,178,243)
```

Similar Colors

Text with hexadecimal color #b2b4f3

This text has a font color of #b2b4f3.

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

#b2b4f3 background color

This paragraph has a background color of #b2b4f3.

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

#b2b4f3 border color

This element has a border color of #b2b4f3.

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

CSS codes

.text {color:#b2b4f3;}

.background {background-color:#b2b4f3;}

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

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

#010108
```
#010108 rgb(1,1,8)
```
#040519
```
#040519 rgb(4,5,25)
```
#07082a
```
#07082a rgb(7,8,42)
```
#090b3b
```
#090b3b rgb(9,11,59)
```
#0c0e4c
```
#0c0e4c rgb(12,14,76)
```
#0e115d
```
#0e115d rgb(14,17,93)
```
#11146e
```
#11146e rgb(17,20,110)
```
#14177f
```
#14177f rgb(20,23,127)
```
#161a90
```
#161a90 rgb(22,26,144)
```
#191da1
```
#191da1 rgb(25,29,161)
```
#1c20b2
```
#1c20b2 rgb(28,32,178)
```
#1e23c3
```
#1e23c3 rgb(30,35,195)
```
#2126d4
```
#2126d4 rgb(33,38,212)
```

Shade Color Variation

#2a30de
```
#2a30de rgb(42,48,222)
```
#3b40e0
```
#3b40e0 rgb(59,64,224)
```
#4c51e3
```
#4c51e3 rgb(76,81,227)
```
#5d61e6
```
#5d61e6 rgb(93,97,230)
```
#6e72e8
```
#6e72e8 rgb(110,114,232)
```
#7f82eb
```
#7f82eb rgb(127,130,235)
```
#9093ee
```
#9093ee rgb(144,147,238)
```
#a1a3f0
```
#a1a3f0 rgb(161,163,240)
```
#b2b4f3
```
#b2b4f3 rgb(178,180,243)
```
#c3c5f6
```
#c3c5f6 rgb(195,197,246)
```
#d4d5f8
```
#d4d5f8 rgb(212,213,248)
```
#e5e6fb
```
#e5e6fb rgb(229,230,251)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#d1d1d4
```
#d1d1d4 rgb(209,209,212)
```
#cdced8
```
#cdced8 rgb(205,206,216)
```
#cacadb
```
#cacadb rgb(202,202,219)
```
#c7c7de
```
#c7c7de rgb(199,199,222)
```
#c3c4e2
```
#c3c4e2 rgb(195,196,226)
```
#c0c1e5
```
#c0c1e5 rgb(192,193,229)
```
#bcbee9
```
#bcbee9 rgb(188,190,233)
```
#b9baec
```
#b9baec rgb(185,186,236)
```
#b5b7f0
```
#b5b7f0 rgb(181,183,240)
```
#b2b4f3
```
#b2b4f3 rgb(178,180,243)
```
#afb1f6
```
#afb1f6 rgb(175,177,246)
```
#abaefa
```
#abaefa rgb(171,174,250)
```
#a8aafd
```
#a8aafd rgb(168,170,253)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9bac6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abbaf5 Protanopia 1% of men
#aebaf2 Deuteranopia 1% of men
#acbfcd Tritanopia 0.001% of the population

Trichromacy

#adb8f4 Protanomaly 1% of men, 0.01% of women
#b0b7f2 Deuteranomaly 6% of men, 0.4% of women
#aebbda Tritanomaly 0.01% of the population

#b2b4f3 hex color

#b2b4f3 Color Information

#b2b4f3 Color Conversion

Color Schemes with #b2b4f3

Alternatives to #b2b4f3

#b2b4f3 Preview

Shades and Tints of #b2b4f3

Tones of #b2b4f3

Color Blindness Simulator