#b3b4f1 hex color

In a RGB color space, hex #b3b4f1 is composed of 70.2% red, 70.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 25.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 239 degrees, a saturation of 68.9% and a lightness of 82.4%. #b3b4f1 color hex could be obtained by blending #ffffff with #6769e3. Closest websafe color is: #ccccff.

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

● #b3b4f1 color description : Very soft blue.

The hexadecimal color #b3b4f1 has RGB values of R:179, G:180, B:241 and CMYK values of C:0.26, M:0.25, Y:0, K:0.05. Its decimal value is 11777265.

Hex triplet	b3b4f1	`#b3b4f1`
RGB Decimal	179, 180, 241	`rgb(179,180,241)`
RGB Percent	70.2, 70.6, 94.5	`rgb(70.2%,70.6%,94.5%)`
CMYK	26, 25, 0, 5
HSL	239°, 68.9, 82.4	`hsl(239,68.9%,82.4%)`
HSV (or HSB)	239°, 25.7, 94.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	75.187, 12.683, -30.419
XYZ	50.786, 48.576, 89.915
xyY	0.268, 0.257, 48.576
CIE-LCH	75.187, 32.957, 292.634
CIE-LUV	75.187, -4.123, -50.475
Hunter-Lab	69.697, 8.098, -27.701
Binary	10110011, 10110100, 11110001

#b3b4f1
```
#b3b4f1 rgb(179,180,241)
```
#f1f0b3
```
#f1f0b3 rgb(241,240,179)
```

Complementary Color

#b3d3f1
```
#b3d3f1 rgb(179,211,241)
```
#b3b4f1
```
#b3b4f1 rgb(179,180,241)
```
#d1b3f1
```
#d1b3f1 rgb(209,179,241)
```

Analogous Color

#d3f1b3
```
#d3f1b3 rgb(211,241,179)
```
#b3b4f1
```
#b3b4f1 rgb(179,180,241)
```
#f1d1b3
```
#f1d1b3 rgb(241,209,179)
```

Split Complementary Color

#b4f1b3
```
#b4f1b3 rgb(180,241,179)
```
#b3b4f1
```
#b3b4f1 rgb(179,180,241)
```
#f1b3b4
```
#f1b3b4 rgb(241,179,180)
```

Triadic Color

#b3f1f0
```
#b3f1f0 rgb(179,241,240)
```
#b3b4f1
```
#b3b4f1 rgb(179,180,241)
```
#f1b3b4
```
#f1b3b4 rgb(241,179,180)
```
#f1f0b3
```
#f1f0b3 rgb(241,240,179)
```

Tetradic Color

#7274e5
```
#7274e5 rgb(114,116,229)
```
#888ae9
```
#888ae9 rgb(136,138,233)
```
#9d9fed
```
#9d9fed rgb(157,159,237)
```
#b3b4f1
```
#b3b4f1 rgb(179,180,241)
```
#c9c9f5
```
#c9c9f5 rgb(201,201,245)
```
#dedff9
```
#dedff9 rgb(222,223,249)
```
#f4f4fd
```
#f4f4fd rgb(244,244,253)
```

Monochromatic Color

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

#b3c4f1
```
#b3c4f1 rgb(179,196,241)
```
#b3bef1
```
#b3bef1 rgb(179,190,241)
```
#b3b9f1
```
#b3b9f1 rgb(179,185,241)
```
#b3b4f1
```
#b3b4f1 rgb(179,180,241)
```
#b7b3f1
```
#b7b3f1 rgb(183,179,241)
```
#bcb3f1
```
#bcb3f1 rgb(188,179,241)
```
#c2b3f1
```
#c2b3f1 rgb(194,179,241)
```

Similar Colors

Text with hexadecimal color #b3b4f1

This text has a font color of #b3b4f1.

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

#b3b4f1 background color

This paragraph has a background color of #b3b4f1.

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

#b3b4f1 border color

This element has a border color of #b3b4f1.

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

CSS codes

.text {color:#b3b4f1;}

.background {background-color:#b3b4f1;}

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

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

#010107
```
#010107 rgb(1,1,7)
```
#040517
```
#040517 rgb(4,5,23)
```
#070828
```
#070828 rgb(7,8,40)
```
#0a0b39
```
#0a0b39 rgb(10,11,57)
```
#0d0e49
```
#0d0e49 rgb(13,14,73)
```
#11125a
```
#11125a rgb(17,18,90)
```
#14156a
```
#14156a rgb(20,21,106)
```
#17187b
```
#17187b rgb(23,24,123)
```
#1a1c8b
```
#1a1c8b rgb(26,28,139)
```
#1d1f9c
```
#1d1f9c rgb(29,31,156)
```
#2022ac
```
#2022ac rgb(32,34,172)
```
#2325bd
```
#2325bd rgb(35,37,189)
```
#2629ce
```
#2629ce rgb(38,41,206)
```

Shade Color Variation

#2e31d9
```
#2e31d9 rgb(46,49,217)
```
#3f42dc
```
#3f42dc rgb(63,66,220)
```
#5052df
```
#5052df rgb(80,82,223)
```
#6062e2
```
#6062e2 rgb(96,98,226)
```
#7173e5
```
#7173e5 rgb(113,115,229)
```
#8183e8
```
#8183e8 rgb(129,131,232)
```
#9293eb
```
#9293eb rgb(146,147,235)
```
#a2a4ee
```
#a2a4ee rgb(162,164,238)
```
#b3b4f1
```
#b3b4f1 rgb(179,180,241)
```
#c4c4f4
```
#c4c4f4 rgb(196,196,244)
```
#d4d5f7
```
#d4d5f7 rgb(212,213,247)
```
#e5e5fa
```
#e5e5fa rgb(229,229,250)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

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

#cfcfd5
```
#cfcfd5 rgb(207,207,213)
```
#cbcbd9
```
#cbcbd9 rgb(203,203,217)
```
#c8c8dc
```
#c8c8dc rgb(200,200,220)
```
#c4c5e0
```
#c4c5e0 rgb(196,197,224)
```
#c1c1e3
```
#c1c1e3 rgb(193,193,227)
```
#bdbee7
```
#bdbee7 rgb(189,190,231)
```
#babbea
```
#babbea rgb(186,187,234)
```
#b6b7ee
```
#b6b7ee rgb(182,183,238)
```
#b3b4f1
```
#b3b4f1 rgb(179,180,241)
```
#b0b1f4
```
#b0b1f4 rgb(176,177,244)
```
#acadf8
```
#acadf8 rgb(172,173,248)
```
#a9aafb
```
#a9aafb rgb(169,170,251)
```
#a5a7ff
```
#a5a7ff rgb(165,167,255)
```

Tone Color Variation

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

#acbaf3 Protanopia 1% of men
#b0b9f1 Deuteranopia 1% of men
#aebfcc Tritanopia 0.001% of the population

Trichromacy

#aeb8f2 Protanomaly 1% of men, 0.01% of women
#b1b7f1 Deuteranomaly 6% of men, 0.4% of women
#afbbd9 Tritanomaly 0.01% of the population

#b3b4f1 hex color

#b3b4f1 Color Information

#b3b4f1 Color Conversion

Color Schemes with #b3b4f1

Alternatives to #b3b4f1

#b3b4f1 Preview

Shades and Tints of #b3b4f1

Tones of #b3b4f1

Color Blindness Simulator