#bcc1d4 hex color

In a RGB color space, hex #bcc1d4 is composed of 73.7% red, 75.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 9% magenta, 0% yellow and 16.9% black. It has a hue angle of 227.5 degrees, a saturation of 21.8% and a lightness of 78.4%. #bcc1d4 color hex could be obtained by blending #ffffff with #7983a9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 76
- B 83
RGB color chart
- C 11
- M 9
- Y 0
- K 17
CMYK color chart

● #bcc1d4 color description : Grayish blue.

The hexadecimal color #bcc1d4 has RGB values of R:188, G:193, B:212 and CMYK values of C:0.11, M:0.09, Y:0, K:0.17. Its decimal value is 12370388.

Hex triplet	bcc1d4	`#bcc1d4`
RGB Decimal	188, 193, 212	`rgb(188,193,212)`
RGB Percent	73.7, 75.7, 83.1	`rgb(73.7%,75.7%,83.1%)`
CMYK	11, 9, 0, 17
HSL	227.5°, 21.8, 78.4	`hsl(227.5,21.8%,78.4%)`
HSV (or HSB)	227.5°, 11.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.219, 2.01, -10.088
XYZ	51.69, 53.584, 69.903
xyY	0.295, 0.306, 53.584
CIE-LCH	78.219, 10.287, 281.269
CIE-LUV	78.219, -3.791, -15.844
Hunter-Lab	73.201, -2.056, -5.378
Binary	10111100, 11000001, 11010100

#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#d4cfbc
```
#d4cfbc rgb(212,207,188)
```

Complementary Color

#bccdd4
```
#bccdd4 rgb(188,205,212)
```
#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#c3bcd4
```
#c3bcd4 rgb(195,188,212)
```

Analogous Color

#cdd4bc
```
#cdd4bc rgb(205,212,188)
```
#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#d4c3bc
```
#d4c3bc rgb(212,195,188)
```

Split Complementary Color

#c1d4bc
```
#c1d4bc rgb(193,212,188)
```
#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#d4bcc1
```
#d4bcc1 rgb(212,188,193)
```

Triadic Color

#bcd4cf
```
#bcd4cf rgb(188,212,207)
```
#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#d4bcc1
```
#d4bcc1 rgb(212,188,193)
```
#d4cfbc
```
#d4cfbc rgb(212,207,188)
```

Tetradic Color

#8d96b6
```
#8d96b6 rgb(141,150,182)
```
#9da4c0
```
#9da4c0 rgb(157,164,192)
```
#acb3ca
```
#acb3ca rgb(172,179,202)
```
#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#cccfde
```
#cccfde rgb(204,207,222)
```
#dbdee8
```
#dbdee8 rgb(219,222,232)
```
#ebecf2
```
#ebecf2 rgb(235,236,242)
```

Monochromatic Color

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

#bcc7d4
```
#bcc7d4 rgb(188,199,212)
```
#bcc5d4
```
#bcc5d4 rgb(188,197,212)
```
#bcc3d4
```
#bcc3d4 rgb(188,195,212)
```
#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#bcbfd4
```
#bcbfd4 rgb(188,191,212)
```
#bcbdd4
```
#bcbdd4 rgb(188,189,212)
```
#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```

Similar Colors

Text with hexadecimal color #bcc1d4

This text has a font color of #bcc1d4.

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

#bcc1d4 background color

This paragraph has a background color of #bcc1d4.

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

#bcc1d4 border color

This element has a border color of #bcc1d4.

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

CSS codes

.text {color:#bcc1d4;}

.background {background-color:#bcc1d4;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0c11
```
#0b0c11 rgb(11,12,17)
```
#12141d
```
#12141d rgb(18,20,29)
```
#1a1d29
```
#1a1d29 rgb(26,29,41)
```
#222634
```
#222634 rgb(34,38,52)
```
#292e40
```
#292e40 rgb(41,46,64)
```
#31374c
```
#31374c rgb(49,55,76)
```
#393f58
```
#393f58 rgb(57,63,88)
```
#404864
```
#404864 rgb(64,72,100)
```
#485070
```
#485070 rgb(72,80,112)
```
#50597c
```
#50597c rgb(80,89,124)
```
#576288
```
#576288 rgb(87,98,136)
```
#5f6a94
```
#5f6a94 rgb(95,106,148)
```

Shade Color Variation

#68749e
```
#68749e rgb(104,116,158)
```
#747fa6
```
#747fa6 rgb(116,127,166)
```
#808aae
```
#808aae rgb(128,138,174)
```
#8c95b5
```
#8c95b5 rgb(140,149,181)
```
#98a0bd
```
#98a0bd rgb(152,160,189)
```
#a4abc5
```
#a4abc5 rgb(164,171,197)
```
#b0b6cc
```
#b0b6cc rgb(176,182,204)
```
#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#c8ccdc
```
#c8ccdc rgb(200,204,220)
```
#d4d7e3
```
#d4d7e3 rgb(212,215,227)
```
#e0e2eb
```
#e0e2eb rgb(224,226,235)
```
#ecedf3
```
#ecedf3 rgb(236,237,243)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

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

#c4c6cc
```
#c4c6cc rgb(196,198,204)
```
#c0c3d0
```
#c0c3d0 rgb(192,195,208)
```
#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#b8bfd8
```
#b8bfd8 rgb(184,191,216)
```
#b4bcdc
```
#b4bcdc rgb(180,188,220)
```
#afbae1
```
#afbae1 rgb(175,186,225)
```
#abb7e5
```
#abb7e5 rgb(171,183,229)
```
#a7b5e9
```
#a7b5e9 rgb(167,181,233)
```
#a3b2ed
```
#a3b2ed rgb(163,178,237)
```
#9eb0f2
```
#9eb0f2 rgb(158,176,242)
```
#9aadf6
```
#9aadf6 rgb(154,173,246)
```
#96abfa
```
#96abfa rgb(150,171,250)
```
#92a8fe
```
#92a8fe rgb(146,168,254)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c1c2c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c3d5 Protanopia 1% of men
#cdbfd7 Deuteranopia 1% of men
#bec4d2 Tritanopia 0.001% of the population

Trichromacy

#c0c2d5 Protanomaly 1% of men, 0.01% of women
#c7c0d6 Deuteranomaly 6% of men, 0.4% of women
#bdc3d3 Tritanomaly 0.01% of the population

#bcc1d4 hex color

#bcc1d4 Color Information

#bcc1d4 Color Conversion

Color Schemes with #bcc1d4

Alternatives to #bcc1d4

#bcc1d4 Preview

Shades and Tints of #bcc1d4

Tones of #bcc1d4

Color Blindness Simulator