#bbccf2 hex color

In a RGB color space, hex #bbccf2 is composed of 73.3% red, 80% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 15.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 221.5 degrees, a saturation of 67.9% and a lightness of 84.1%. #bbccf2 color hex could be obtained by blending #ffffff with #7799e5. Closest websafe color is: #ccccff.

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

● #bbccf2 color description : Very soft blue.

The hexadecimal color #bbccf2 has RGB values of R:187, G:204, B:242 and CMYK values of C:0.23, M:0.16, Y:0, K:0.05. Its decimal value is 12307698.

Hex triplet	bbccf2	`#bbccf2`
RGB Decimal	187, 204, 242	`rgb(187,204,242)`
RGB Percent	73.3, 80, 94.9	`rgb(73.3%,80%,94.9%)`
CMYK	23, 16, 0, 5
HSL	221.5°, 67.9, 84.1	`hsl(221.5,67.9%,84.1%)`
HSV (or HSB)	221.5°, 22.7, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.925, 2.275, -20.617
XYZ	58.11, 60.16, 92.55
xyY	0.276, 0.285, 60.16
CIE-LCH	81.925, 20.742, 276.297
CIE-LUV	81.925, -10.767, -33.06
Hunter-Lab	77.563, -2.003, -16.452
Binary	10111011, 11001100, 11110010

#bbccf2
```
#bbccf2 rgb(187,204,242)
```
#f2e1bb
```
#f2e1bb rgb(242,225,187)
```

Complementary Color

#bbe8f2
```
#bbe8f2 rgb(187,232,242)
```
#bbccf2
```
#bbccf2 rgb(187,204,242)
```
#c6bbf2
```
#c6bbf2 rgb(198,187,242)
```

Analogous Color

#e8f2bb
```
#e8f2bb rgb(232,242,187)
```
#bbccf2
```
#bbccf2 rgb(187,204,242)
```
#f2c6bb
```
#f2c6bb rgb(242,198,187)
```

Split Complementary Color

#ccf2bb
```
#ccf2bb rgb(204,242,187)
```
#bbccf2
```
#bbccf2 rgb(187,204,242)
```
#f2bbcc
```
#f2bbcc rgb(242,187,204)
```

Triadic Color

#bbf2e1
```
#bbf2e1 rgb(187,242,225)
```
#bbccf2
```
#bbccf2 rgb(187,204,242)
```
#f2bbcc
```
#f2bbcc rgb(242,187,204)
```
#f2e1bb
```
#f2e1bb rgb(242,225,187)
```

Tetradic Color

#7b9ce6
```
#7b9ce6 rgb(123,156,230)
```
#90acea
```
#90acea rgb(144,172,234)
```
#a6bcee
```
#a6bcee rgb(166,188,238)
```
#bbccf2
```
#bbccf2 rgb(187,204,242)
```
#d0dcf6
```
#d0dcf6 rgb(208,220,246)
```
#e6ecfa
```
#e6ecfa rgb(230,236,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Monochromatic Color

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

#bbdaf2
```
#bbdaf2 rgb(187,218,242)
```
#bbd5f2
```
#bbd5f2 rgb(187,213,242)
```
#bbd1f2
```
#bbd1f2 rgb(187,209,242)
```
#bbccf2
```
#bbccf2 rgb(187,204,242)
```
#bbc7f2
```
#bbc7f2 rgb(187,199,242)
```
#bbc3f2
```
#bbc3f2 rgb(187,195,242)
```
#bbbef2
```
#bbbef2 rgb(187,190,242)
```

Similar Colors

Text with hexadecimal color #bbccf2

This text has a font color of #bbccf2.

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

#bbccf2 background color

This paragraph has a background color of #bbccf2.

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

#bbccf2 border color

This element has a border color of #bbccf2.

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

CSS codes

.text {color:#bbccf2;}

.background {background-color:#bbccf2;}

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

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, #03060e is the darkest color, while #fdfdff is the lightest one.

#03060e
```
#03060e rgb(3,6,14)
```
#060e1f
```
#060e1f rgb(6,14,31)
```
#09152f
```
#09152f rgb(9,21,47)
```
#0c1c40
```
#0c1c40 rgb(12,28,64)
```
#0f2350
```
#0f2350 rgb(15,35,80)
```
#122b61
```
#122b61 rgb(18,43,97)
```
#163271
```
#163271 rgb(22,50,113)
```
#193982
```
#193982 rgb(25,57,130)
```
#1c4092
```
#1c4092 rgb(28,64,146)
```
#1f48a3
```
#1f48a3 rgb(31,72,163)
```
#224fb3
```
#224fb3 rgb(34,79,179)
```
#2556c3
```
#2556c3 rgb(37,86,195)
```
#295ed4
```
#295ed4 rgb(41,94,212)
```

Shade Color Variation

#3769d9
```
#3769d9 rgb(55,105,217)
```
#4876dc
```
#4876dc rgb(72,118,220)
```
#5882df
```
#5882df rgb(88,130,223)
```
#698ee2
```
#698ee2 rgb(105,142,226)
```
#799be5
```
#799be5 rgb(121,155,229)
```
#8aa7e9
```
#8aa7e9 rgb(138,167,233)
```
#9ab3ec
```
#9ab3ec rgb(154,179,236)
```
#abc0ef
```
#abc0ef rgb(171,192,239)
```
#bbccf2
```
#bbccf2 rgb(187,204,242)
```
#cbd8f5
```
#cbd8f5 rgb(203,216,245)
```
#dce5f8
```
#dce5f8 rgb(220,229,248)
```
#ecf1fb
```
#ecf1fb rgb(236,241,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#d4d6d9
```
#d4d6d9 rgb(212,214,217)
```
#d1d4dc
```
#d1d4dc rgb(209,212,220)
```
#ced3df
```
#ced3df rgb(206,211,223)
```
#cbd2e2
```
#cbd2e2 rgb(203,210,226)
```
#c7d1e6
```
#c7d1e6 rgb(199,209,230)
```
#c4d0e9
```
#c4d0e9 rgb(196,208,233)
```
#c1ceec
```
#c1ceec rgb(193,206,236)
```
#becdef
```
#becdef rgb(190,205,239)
```
#bbccf2
```
#bbccf2 rgb(187,204,242)
```
#b8cbf5
```
#b8cbf5 rgb(184,203,245)
```
#b5caf8
```
#b5caf8 rgb(181,202,248)
```
#b2c8fb
```
#b2c8fb rgb(178,200,251)
```
#afc7fe
```
#afc7fe rgb(175,199,254)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c8cbd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6ccf1 Protanopia 1% of men
#cdcaf4 Deuteranopia 1% of men
#bad1e0 Tritanopia 0.001% of the population

Trichromacy

#c2ccf1 Protanomaly 1% of men, 0.01% of women
#c6caf3 Deuteranomaly 6% of men, 0.4% of women
#bacfe7 Tritanomaly 0.01% of the population

#bbccf2 hex color

#bbccf2 Color Information

#bbccf2 Color Conversion

Color Schemes with #bbccf2

Alternatives to #bbccf2

#bbccf2 Preview

Shades and Tints of #bbccf2

Tones of #bbccf2

Color Blindness Simulator