#bcccf0 hex color

In a RGB color space, hex #bcccf0 is composed of 73.7% red, 80% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 15% magenta, 0% yellow and 5.9% black. It has a hue angle of 221.5 degrees, a saturation of 63.4% and a lightness of 83.9%. #bcccf0 color hex could be obtained by blending #ffffff with #7999e1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 80
- B 94
RGB color chart
- C 22
- M 15
- Y 0
- K 6
CMYK color chart

● #bcccf0 color description : Very soft blue.

The hexadecimal color #bcccf0 has RGB values of R:188, G:204, B:240 and CMYK values of C:0.22, M:0.15, Y:0, K:0.06. Its decimal value is 12373232.

Hex triplet	bcccf0	`#bcccf0`
RGB Decimal	188, 204, 240	`rgb(188,204,240)`
RGB Percent	73.7, 80, 94.1	`rgb(73.7%,80%,94.1%)`
CMYK	22, 15, 0, 6
HSL	221.5°, 63.4, 83.9	`hsl(221.5,63.4%,83.9%)`
HSV (or HSB)	221.5°, 21.7, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.929, 2.129, -19.538
XYZ	58.057, 60.167, 90.988
xyY	0.278, 0.288, 60.167
CIE-LCH	81.929, 19.654, 276.218
CIE-LUV	81.929, -10.201, -31.257
Hunter-Lab	77.568, -2.142, -15.251
Binary	10111100, 11001100, 11110000

#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#f0e0bc
```
#f0e0bc rgb(240,224,188)
```

Complementary Color

#bce6f0
```
#bce6f0 rgb(188,230,240)
```
#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#c6bcf0
```
#c6bcf0 rgb(198,188,240)
```

Analogous Color

#e6f0bc
```
#e6f0bc rgb(230,240,188)
```
#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#f0c6bc
```
#f0c6bc rgb(240,198,188)
```

Split Complementary Color

#ccf0bc
```
#ccf0bc rgb(204,240,188)
```
#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#f0bccc
```
#f0bccc rgb(240,188,204)
```

Triadic Color

#bcf0e0
```
#bcf0e0 rgb(188,240,224)
```
#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#f0bccc
```
#f0bccc rgb(240,188,204)
```
#f0e0bc
```
#f0e0bc rgb(240,224,188)
```

Tetradic Color

#7d9ce2
```
#7d9ce2 rgb(125,156,226)
```
#92ace7
```
#92ace7 rgb(146,172,231)
```
#a7bceb
```
#a7bceb rgb(167,188,235)
```
#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#d1dcf5
```
#d1dcf5 rgb(209,220,245)
```
#e6ecf9
```
#e6ecf9 rgb(230,236,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Monochromatic Color

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

#bcd9f0
```
#bcd9f0 rgb(188,217,240)
```
#bcd5f0
```
#bcd5f0 rgb(188,213,240)
```
#bcd0f0
```
#bcd0f0 rgb(188,208,240)
```
#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#bcc8f0
```
#bcc8f0 rgb(188,200,240)
```
#bcc3f0
```
#bcc3f0 rgb(188,195,240)
```
#bcbff0
```
#bcbff0 rgb(188,191,240)
```

Similar Colors

Text with hexadecimal color #bcccf0

This text has a font color of #bcccf0.

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

#bcccf0 background color

This paragraph has a background color of #bcccf0.

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

#bcccf0 border color

This element has a border color of #bcccf0.

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

CSS codes

.text {color:#bcccf0;}

.background {background-color:#bcccf0;}

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

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

#03060d
```
#03060d rgb(3,6,13)
```
#070d1d
```
#070d1d rgb(7,13,29)
```
#0a152d
```
#0a152d rgb(10,21,45)
```
#0e1c3d
```
#0e1c3d rgb(14,28,61)
```
#11244d
```
#11244d rgb(17,36,77)
```
#152b5d
```
#152b5d rgb(21,43,93)
```
#18336d
```
#18336d rgb(24,51,109)
```
#1c3a7d
```
#1c3a7d rgb(28,58,125)
```
#20418d
```
#20418d rgb(32,65,141)
```
#23499d
```
#23499d rgb(35,73,157)
```
#2750ad
```
#2750ad rgb(39,80,173)
```
#2a58bd
```
#2a58bd rgb(42,88,189)
```
#2e5fcd
```
#2e5fcd rgb(46,95,205)
```

Shade Color Variation

#3c6ad3
```
#3c6ad3 rgb(60,106,211)
```
#4c77d7
```
#4c77d7 rgb(76,119,215)
```
#5c83da
```
#5c83da rgb(92,131,218)
```
#6c8fde
```
#6c8fde rgb(108,143,222)
```
#7c9be2
```
#7c9be2 rgb(124,155,226)
```
#8ca7e5
```
#8ca7e5 rgb(140,167,229)
```
#9cb4e9
```
#9cb4e9 rgb(156,180,233)
```
#acc0ec
```
#acc0ec rgb(172,192,236)
```
#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#ccd8f4
```
#ccd8f4 rgb(204,216,244)
```
#dce4f7
```
#dce4f7 rgb(220,228,247)
```
#ecf1fb
```
#ecf1fb rgb(236,241,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#d5d6d7
```
#d5d6d7 rgb(213,214,215)
```
#d2d4da
```
#d2d4da rgb(210,212,218)
```
#cfd3dd
```
#cfd3dd rgb(207,211,221)
```
#ccd2e0
```
#ccd2e0 rgb(204,210,224)
```
#c9d1e3
```
#c9d1e3 rgb(201,209,227)
```
#c5d0e7
```
#c5d0e7 rgb(197,208,231)
```
#c2ceea
```
#c2ceea rgb(194,206,234)
```
#bfcded
```
#bfcded rgb(191,205,237)
```
#bcccf0
```
#bcccf0 rgb(188,204,240)
```
#b9cbf3
```
#b9cbf3 rgb(185,203,243)
```
#b6caf6
```
#b6caf6 rgb(182,202,246)
```
#b3c8f9
```
#b3c8f9 rgb(179,200,249)
```
#afc7fd
```
#afc7fd rgb(175,199,253)
```

Tone Color Variation

Below, you can see how #bcccf0 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
#c8cbd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7ccef Protanopia 1% of men
#cecaf2 Deuteranopia 1% of men
#bbd1e0 Tritanopia 0.001% of the population

Trichromacy

#c3ccef Protanomaly 1% of men, 0.01% of women
#c8caf1 Deuteranomaly 6% of men, 0.4% of women
#bbcfe6 Tritanomaly 0.01% of the population

#bcccf0 hex color

#bcccf0 Color Information

#bcccf0 Color Conversion

Color Schemes with #bcccf0

Alternatives to #bcccf0

#bcccf0 Preview

Shades and Tints of #bcccf0

Tones of #bcccf0

Color Blindness Simulator