#b3bbf2 hex color

In a RGB color space, hex #b3bbf2 is composed of 70.2% red, 73.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 22.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 232.4 degrees, a saturation of 70.8% and a lightness of 82.5%. #b3bbf2 color hex could be obtained by blending #ffffff with #6777e5. Closest websafe color is: #ccccff.

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

● #b3bbf2 color description : Very soft blue.

The hexadecimal color #b3bbf2 has RGB values of R:179, G:187, B:242 and CMYK values of C:0.26, M:0.23, Y:0, K:0.05. Its decimal value is 11779058.

Hex triplet	b3bbf2	`#b3bbf2`
RGB Decimal	179, 187, 242	`rgb(179,187,242)`
RGB Percent	70.2, 73.3, 94.9	`rgb(70.2%,73.3%,94.9%)`
CMYK	26, 23, 0, 5
HSL	232.4°, 70.8, 82.5	`hsl(232.4,70.8%,82.5%)`
HSV (or HSB)	232.4°, 26, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.002, 9.076, -28.171
XYZ	52.385, 51.534, 91.187
xyY	0.268, 0.264, 51.534
CIE-LCH	77.002, 29.597, 287.857
CIE-LUV	77.002, -7.177, -46.34
Hunter-Lab	71.787, 4.627, -25.061
Binary	10110011, 10111011, 11110010

#b3bbf2
```
#b3bbf2 rgb(179,187,242)
```
#f2eab3
```
#f2eab3 rgb(242,234,179)
```

Complementary Color

#b3dbf2
```
#b3dbf2 rgb(179,219,242)
```
#b3bbf2
```
#b3bbf2 rgb(179,187,242)
```
#cbb3f2
```
#cbb3f2 rgb(203,179,242)
```

Analogous Color

#dbf2b3
```
#dbf2b3 rgb(219,242,179)
```
#b3bbf2
```
#b3bbf2 rgb(179,187,242)
```
#f2cbb3
```
#f2cbb3 rgb(242,203,179)
```

Split Complementary Color

#bbf2b3
```
#bbf2b3 rgb(187,242,179)
```
#b3bbf2
```
#b3bbf2 rgb(179,187,242)
```
#f2b3bb
```
#f2b3bb rgb(242,179,187)
```

Triadic Color

#b3f2ea
```
#b3f2ea rgb(179,242,234)
```
#b3bbf2
```
#b3bbf2 rgb(179,187,242)
```
#f2b3bb
```
#f2b3bb rgb(242,179,187)
```
#f2eab3
```
#f2eab3 rgb(242,234,179)
```

Tetradic Color

#7281e7
```
#7281e7 rgb(114,129,231)
```
#8794eb
```
#8794eb rgb(135,148,235)
```
#9da8ee
```
#9da8ee rgb(157,168,238)
```
#b3bbf2
```
#b3bbf2 rgb(179,187,242)
```
#c9cef6
```
#c9cef6 rgb(201,206,246)
```
#dfe2f9
```
#dfe2f9 rgb(223,226,249)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Monochromatic Color

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

#b3cbf2
```
#b3cbf2 rgb(179,203,242)
```
#b3c6f2
```
#b3c6f2 rgb(179,198,242)
```
#b3c0f2
```
#b3c0f2 rgb(179,192,242)
```
#b3bbf2
```
#b3bbf2 rgb(179,187,242)
```
#b3b6f2
```
#b3b6f2 rgb(179,182,242)
```
#b6b3f2
```
#b6b3f2 rgb(182,179,242)
```
#bbb3f2
```
#bbb3f2 rgb(187,179,242)
```

Similar Colors

Text with hexadecimal color #b3bbf2

This text has a font color of #b3bbf2.

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

#b3bbf2 background color

This paragraph has a background color of #b3bbf2.

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

#b3bbf2 border color

This element has a border color of #b3bbf2.

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

CSS codes

.text {color:#b3bbf2;}

.background {background-color:#b3bbf2;}

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

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

#010208
```
#010208 rgb(1,2,8)
```
#040719
```
#040719 rgb(4,7,25)
```
#070b29
```
#070b29 rgb(7,11,41)
```
#0a103a
```
#0a103a rgb(10,16,58)
```
#0d154b
```
#0d154b rgb(13,21,75)
```
#10195c
```
#10195c rgb(16,25,92)
```
#131e6c
```
#131e6c rgb(19,30,108)
```
#15237d
```
#15237d rgb(21,35,125)
```
#18278e
```
#18278e rgb(24,39,142)
```
#1b2c9f
```
#1b2c9f rgb(27,44,159)
```
#1e30af
```
#1e30af rgb(30,48,175)
```
#2135c0
```
#2135c0 rgb(33,53,192)
```
#243ad1
```
#243ad1 rgb(36,58,209)
```

Shade Color Variation

#2d43db
```
#2d43db rgb(45,67,219)
```
#3e52de
```
#3e52de rgb(62,82,222)
```
#4e61e1
```
#4e61e1 rgb(78,97,225)
```
#5f70e4
```
#5f70e4 rgb(95,112,228)
```
#707fe7
```
#707fe7 rgb(112,127,231)
```
#818ee9
```
#818ee9 rgb(129,142,233)
```
#919dec
```
#919dec rgb(145,157,236)
```
#a2acef
```
#a2acef rgb(162,172,239)
```
#b3bbf2
```
#b3bbf2 rgb(179,187,242)
```
#c4caf5
```
#c4caf5 rgb(196,202,245)
```
#d5d9f8
```
#d5d9f8 rgb(213,217,248)
```
#e5e8fb
```
#e5e8fb rgb(229,232,251)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#d2d2d3
```
#d2d2d3 rgb(210,210,211)
```
#cecfd7
```
#cecfd7 rgb(206,207,215)
```
#cbcdda
```
#cbcdda rgb(203,205,218)
```
#c8cadd
```
#c8cadd rgb(200,202,221)
```
#c4c8e1
```
#c4c8e1 rgb(196,200,225)
```
#c1c5e4
```
#c1c5e4 rgb(193,197,228)
```
#bdc3e8
```
#bdc3e8 rgb(189,195,232)
```
#bac0eb
```
#bac0eb rgb(186,192,235)
```
#b6beef
```
#b6beef rgb(182,190,239)
```
#b3bbf2
```
#b3bbf2 rgb(179,187,242)
```
#b0b8f5
```
#b0b8f5 rgb(176,184,245)
```
#acb6f9
```
#acb6f9 rgb(172,182,249)
```
#a9b3fc
```
#a9b3fc rgb(169,179,252)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bdbec9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bff3 Protanopia 1% of men
#b7bef2 Deuteranopia 1% of men
#afc4d2 Tritanopia 0.001% of the population

Trichromacy

#b3bdf2 Protanomaly 1% of men, 0.01% of women
#b6bdf2 Deuteranomaly 6% of men, 0.4% of women
#b0c1de Tritanomaly 0.01% of the population

#b3bbf2 hex color

#b3bbf2 Color Information

#b3bbf2 Color Conversion

Color Schemes with #b3bbf2

Alternatives to #b3bbf2

#b3bbf2 Preview

Shades and Tints of #b3bbf2

Tones of #b3bbf2

Color Blindness Simulator