#bbc3f0 hex color

In a RGB color space, hex #bbc3f0 is composed of 73.3% red, 76.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 18.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 230.9 degrees, a saturation of 63.9% and a lightness of 83.7%. #bbc3f0 color hex could be obtained by blending #ffffff with #7787e1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 76
- B 94
RGB color chart
- C 22
- M 19
- Y 0
- K 6
CMYK color chart

● #bbc3f0 color description : Very soft blue.

The hexadecimal color #bbc3f0 has RGB values of R:187, G:195, B:240 and CMYK values of C:0.22, M:0.19, Y:0, K:0.06. Its decimal value is 12305392.

Hex triplet	bbc3f0	`#bbc3f0`
RGB Decimal	187, 195, 240	`rgb(187,195,240)`
RGB Percent	73.3, 76.5, 94.1	`rgb(73.3%,76.5%,94.1%)`
CMYK	22, 19, 0, 6
HSL	230.9°, 63.9, 83.7	`hsl(230.9,63.9%,83.7%)`
HSV (or HSB)	230.9°, 22.1, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.549, 6.654, -23.155
XYZ	55.734, 55.886, 90.284
xyY	0.276, 0.277, 55.886
CIE-LCH	79.549, 24.092, 286.032
CIE-LUV	79.549, -6.678, -37.802
Hunter-Lab	74.757, 2.254, -19.275
Binary	10111011, 11000011, 11110000

#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#f0e8bb
```
#f0e8bb rgb(240,232,187)
```

Complementary Color

#bbdef0
```
#bbdef0 rgb(187,222,240)
```
#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#cebbf0
```
#cebbf0 rgb(206,187,240)
```

Analogous Color

#def0bb
```
#def0bb rgb(222,240,187)
```
#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#f0cebb
```
#f0cebb rgb(240,206,187)
```

Split Complementary Color

#c3f0bb
```
#c3f0bb rgb(195,240,187)
```
#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#f0bbc3
```
#f0bbc3 rgb(240,187,195)
```

Triadic Color

#bbf0e8
```
#bbf0e8 rgb(187,240,232)
```
#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#f0bbc3
```
#f0bbc3 rgb(240,187,195)
```
#f0e8bb
```
#f0e8bb rgb(240,232,187)
```

Tetradic Color

#7c8ce2
```
#7c8ce2 rgb(124,140,226)
```
#919ee7
```
#919ee7 rgb(145,158,231)
```
#a6b1eb
```
#a6b1eb rgb(166,177,235)
```
#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#d0d5f5
```
#d0d5f5 rgb(208,213,245)
```
#e5e8f9
```
#e5e8f9 rgb(229,232,249)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Monochromatic Color

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

#bbd0f0
```
#bbd0f0 rgb(187,208,240)
```
#bbccf0
```
#bbccf0 rgb(187,204,240)
```
#bbc7f0
```
#bbc7f0 rgb(187,199,240)
```
#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#bbbff0
```
#bbbff0 rgb(187,191,240)
```
#bcbbf0
```
#bcbbf0 rgb(188,187,240)
```
#c0bbf0
```
#c0bbf0 rgb(192,187,240)
```

Similar Colors

Text with hexadecimal color #bbc3f0

This text has a font color of #bbc3f0.

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

#bbc3f0 background color

This paragraph has a background color of #bbc3f0.

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

#bbc3f0 border color

This element has a border color of #bbc3f0.

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

CSS codes

.text {color:#bbc3f0;}

.background {background-color:#bbc3f0;}

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

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, #03040c is the darkest color, while #fbfcfe is the lightest one.

#03040c
```
#03040c rgb(3,4,12)
```
#060a1c
```
#060a1c rgb(6,10,28)
```
#0a0f2c
```
#0a0f2c rgb(10,15,44)
```
#0d143d
```
#0d143d rgb(13,20,61)
```
#111a4d
```
#111a4d rgb(17,26,77)
```
#141f5d
```
#141f5d rgb(20,31,93)
```
#18256d
```
#18256d rgb(24,37,109)
```
#1c2a7d
```
#1c2a7d rgb(28,42,125)
```
#1f308d
```
#1f308d rgb(31,48,141)
```
#23359d
```
#23359d rgb(35,53,157)
```
#263bad
```
#263bad rgb(38,59,173)
```
#2a40bd
```
#2a40bd rgb(42,64,189)
```
#2d45cd
```
#2d45cd rgb(45,69,205)
```

Shade Color Variation

#3a52d4
```
#3a52d4 rgb(58,82,212)
```
#4b60d7
```
#4b60d7 rgb(75,96,215)
```
#5b6edb
```
#5b6edb rgb(91,110,219)
```
#6b7cde
```
#6b7cde rgb(107,124,222)
```
#7b8ae2
```
#7b8ae2 rgb(123,138,226)
```
#8b98e5
```
#8b98e5 rgb(139,152,229)
```
#9ba7e9
```
#9ba7e9 rgb(155,167,233)
```
#abb5ec
```
#abb5ec rgb(171,181,236)
```
#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#cbd1f4
```
#cbd1f4 rgb(203,209,244)
```
#dbdff7
```
#dbdff7 rgb(219,223,247)
```
#ebeefb
```
#ebeefb rgb(235,238,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#d5d5d6
```
#d5d5d6 rgb(213,213,214)
```
#d1d3da
```
#d1d3da rgb(209,211,218)
```
#ced0dd
```
#ced0dd rgb(206,208,221)
```
#cbcee0
```
#cbcee0 rgb(203,206,224)
```
#c8cce3
```
#c8cce3 rgb(200,204,227)
```
#c5cae6
```
#c5cae6 rgb(197,202,230)
```
#c1c7ea
```
#c1c7ea rgb(193,199,234)
```
#bec5ed
```
#bec5ed rgb(190,197,237)
```
#bbc3f0
```
#bbc3f0 rgb(187,195,240)
```
#b8c1f3
```
#b8c1f3 rgb(184,193,243)
```
#b5bff6
```
#b5bff6 rgb(181,191,246)
```
#b1bcfa
```
#b1bcfa rgb(177,188,250)
```
#aebafd
```
#aebafd rgb(174,186,253)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4c5ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc6f0 Protanopia 1% of men
#c4c4f1 Deuteranopia 1% of men
#b9cad9 Tritanopia 0.001% of the population

Trichromacy

#bcc5f0 Protanomaly 1% of men, 0.01% of women
#c1c3f0 Deuteranomaly 6% of men, 0.4% of women
#b9c7e1 Tritanomaly 0.01% of the population

#bbc3f0 hex color

#bbc3f0 Color Information

#bbc3f0 Color Conversion

Color Schemes with #bbc3f0

Alternatives to #bbc3f0

#bbc3f0 Preview

Shades and Tints of #bbc3f0

Tones of #bbc3f0

Color Blindness Simulator