#bcc2fc hex color

In a RGB color space, hex #bcc2fc is composed of 73.7% red, 76.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 23% magenta, 0% yellow and 1.2% black. It has a hue angle of 234.4 degrees, a saturation of 91.4% and a lightness of 86.3%. #bcc2fc color hex could be obtained by blending #ffffff with #7985f9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 76
- B 99
RGB color chart
- C 25
- M 23
- Y 0
- K 1
CMYK color chart

● #bcc2fc color description : Very soft blue.

The hexadecimal color #bcc2fc has RGB values of R:188, G:194, B:252 and CMYK values of C:0.25, M:0.23, Y:0, K:0.01. Its decimal value is 12370684.

Hex triplet	bcc2fc	`#bcc2fc`
RGB Decimal	188, 194, 252	`rgb(188,194,252)`
RGB Percent	73.7, 76.1, 98.8	`rgb(73.7%,76.1%,98.8%)`
CMYK	25, 23, 0, 1
HSL	234.4°, 91.4, 86.3	`hsl(234.4,91.4%,86.3%)`
HSV (or HSB)	234.4°, 25.4, 98.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.786, 10.247, -29.209
XYZ	57.598, 56.302, 99.923
xyY	0.269, 0.263, 56.302
CIE-LCH	79.786, 30.954, 289.333
CIE-LUV	79.786, -6.379, -48.476
Hunter-Lab	75.035, 5.709, -26.431
Binary	10111100, 11000010, 11111100

#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#fcf6bc
```
#fcf6bc rgb(252,246,188)
```

Complementary Color

#bce2fc
```
#bce2fc rgb(188,226,252)
```
#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#d6bcfc
```
#d6bcfc rgb(214,188,252)
```

Analogous Color

#e2fcbc
```
#e2fcbc rgb(226,252,188)
```
#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#fcd6bc
```
#fcd6bc rgb(252,214,188)
```

Split Complementary Color

#c2fcbc
```
#c2fcbc rgb(194,252,188)
```
#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#fcbcc2
```
#fcbcc2 rgb(252,188,194)
```

Triadic Color

#bcfcf6
```
#bcfcf6 rgb(188,252,246)
```
#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#fcbcc2
```
#fcbcc2 rgb(252,188,194)
```
#fcf6bc
```
#fcf6bc rgb(252,246,188)
```

Tetradic Color

#737ff9
```
#737ff9 rgb(115,127,249)
```
#8b96fa
```
#8b96fa rgb(139,150,250)
```
#a4acfb
```
#a4acfb rgb(164,172,251)
```
#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#d4d8fd
```
#d4d8fd rgb(212,216,253)
```
#edeefe
```
#edeefe rgb(237,238,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcd2fc
```
#bcd2fc rgb(188,210,252)
```
#bccdfc
```
#bccdfc rgb(188,205,252)
```
#bcc7fc
```
#bcc7fc rgb(188,199,252)
```
#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#bcbdfc
```
#bcbdfc rgb(188,189,252)
```
#c1bcfc
```
#c1bcfc rgb(193,188,252)
```
#c6bcfc
```
#c6bcfc rgb(198,188,252)
```

Similar Colors

Text with hexadecimal color #bcc2fc

This text has a font color of #bcc2fc.

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

#bcc2fc background color

This paragraph has a background color of #bcc2fc.

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

#bcc2fc border color

This element has a border color of #bcc2fc.

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

CSS codes

.text {color:#bcc2fc;}

.background {background-color:#bcc2fc;}

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

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

#000108
```
#000108 rgb(0,1,8)
```
#01041b
```
#01041b rgb(1,4,27)
```
#02062e
```
#02062e rgb(2,6,46)
```
#030940
```
#030940 rgb(3,9,64)
```
#040b53
```
#040b53 rgb(4,11,83)
```
#050e66
```
#050e66 rgb(5,14,102)
```
#051079
```
#051079 rgb(5,16,121)
```
#06138c
```
#06138c rgb(6,19,140)
```
#07159e
```
#07159e rgb(7,21,158)
```
#0818b1
```
#0818b1 rgb(8,24,177)
```
#091ac4
```
#091ac4 rgb(9,26,196)
```
#0a1dd7
```
#0a1dd7 rgb(10,29,215)
```
#0a1fe9
```
#0a1fe9 rgb(10,31,233)
```

Shade Color Variation

#1328f4
```
#1328f4 rgb(19,40,244)
```
#2639f5
```
#2639f5 rgb(38,57,245)
```
#394af6
```
#394af6 rgb(57,74,246)
```
#4b5bf7
```
#4b5bf7 rgb(75,91,247)
```
#5e6df8
```
#5e6df8 rgb(94,109,248)
```
#717ef9
```
#717ef9 rgb(113,126,249)
```
#848ff9
```
#848ff9 rgb(132,143,249)
```
#96a0fa
```
#96a0fa rgb(150,160,250)
```
#a9b1fb
```
#a9b1fb rgb(169,177,251)
```
#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#cfd3fd
```
#cfd3fd rgb(207,211,253)
```
#e2e4fe
```
#e2e4fe rgb(226,228,254)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#dadade
```
#dadade rgb(218,218,222)
```
#d7d8e1
```
#d7d8e1 rgb(215,216,225)
```
#d4d6e4
```
#d4d6e4 rgb(212,214,228)
```
#d2d4e6
```
#d2d4e6 rgb(210,212,230)
```
#cfd1e9
```
#cfd1e9 rgb(207,209,233)
```
#cccfec
```
#cccfec rgb(204,207,236)
```
#c9cdef
```
#c9cdef rgb(201,205,239)
```
#c7cbf1
```
#c7cbf1 rgb(199,203,241)
```
#c4c9f4
```
#c4c9f4 rgb(196,201,244)
```
#c1c6f7
```
#c1c6f7 rgb(193,198,247)
```
#bfc4f9
```
#bfc4f9 rgb(191,196,249)
```
#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#b9c0ff
```
#b9c0ff rgb(185,192,255)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5c6d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c6fd Protanopia 1% of men
#bec5fc Deuteranopia 1% of men
#b7cbda Tritanopia 0.001% of the population

Trichromacy

#bac4fc Protanomaly 1% of men, 0.01% of women
#bdc4fc Deuteranomaly 6% of men, 0.4% of women
#b9c8e6 Tritanomaly 0.01% of the population

#bcc2fc hex color

#bcc2fc Color Information

#bcc2fc Color Conversion

Color Schemes with #bcc2fc

Alternatives to #bcc2fc

#bcc2fc Preview

Shades and Tints of #bcc2fc

Tones of #bcc2fc

Color Blindness Simulator