#bcc2d4 hex color

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

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

● #bcc2d4 color description : Grayish blue.

The hexadecimal color #bcc2d4 has RGB values of R:188, G:194, B:212 and CMYK values of C:0.11, M:0.08, Y:0, K:0.17. Its decimal value is 12370644.

Hex triplet	bcc2d4	`#bcc2d4`
RGB Decimal	188, 194, 212	`rgb(188,194,212)`
RGB Percent	73.7, 76.1, 83.1	`rgb(73.7%,76.1%,83.1%)`
CMYK	11, 8, 0, 17
HSL	225°, 21.8, 78.4	`hsl(225,21.8%,78.4%)`
HSV (or HSB)	225°, 11.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.478, 1.475, -9.702
XYZ	51.912, 54.028, 69.977
xyY	0.295, 0.307, 54.028
CIE-LCH	78.478, 9.814, 278.647
CIE-LUV	78.478, -4.27, -15.155
Hunter-Lab	73.504, -2.566, -4.993
Binary	10111100, 11000010, 11010100

#bcc2d4
```
#bcc2d4 rgb(188,194,212)
```
#d4cebc
```
#d4cebc rgb(212,206,188)
```

Complementary Color

#bcced4
```
#bcced4 rgb(188,206,212)
```
#bcc2d4
```
#bcc2d4 rgb(188,194,212)
```
#c2bcd4
```
#c2bcd4 rgb(194,188,212)
```

Analogous Color

#ced4bc
```
#ced4bc rgb(206,212,188)
```
#bcc2d4
```
#bcc2d4 rgb(188,194,212)
```
#d4c2bc
```
#d4c2bc rgb(212,194,188)
```

Split Complementary Color

#c2d4bc
```
#c2d4bc rgb(194,212,188)
```
#bcc2d4
```
#bcc2d4 rgb(188,194,212)
```
#d4bcc2
```
#d4bcc2 rgb(212,188,194)
```

Triadic Color

#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#bcc2d4
```
#bcc2d4 rgb(188,194,212)
```
#d4bcc2
```
#d4bcc2 rgb(212,188,194)
```
#d4cebc
```
#d4cebc rgb(212,206,188)
```

Tetradic Color

#8d98b6
```
#8d98b6 rgb(141,152,182)
```
#9da6c0
```
#9da6c0 rgb(157,166,192)
```
#acb4ca
```
#acb4ca rgb(172,180,202)
```
#bcc2d4
```
#bcc2d4 rgb(188,194,212)
```
#ccd0de
```
#ccd0de rgb(204,208,222)
```
#dbdee8
```
#dbdee8 rgb(219,222,232)
```
#ebecf2
```
#ebecf2 rgb(235,236,242)
```

Monochromatic Color

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

#bcc8d4
```
#bcc8d4 rgb(188,200,212)
```
#bcc6d4
```
#bcc6d4 rgb(188,198,212)
```
#bcc4d4
```
#bcc4d4 rgb(188,196,212)
```
#bcc2d4
```
#bcc2d4 rgb(188,194,212)
```
#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```
#bcbed4
```
#bcbed4 rgb(188,190,212)
```
#bcbcd4
```
#bcbcd4 rgb(188,188,212)
```

Similar Colors

Text with hexadecimal color #bcc2d4

This text has a font color of #bcc2d4.

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

#bcc2d4 background color

This paragraph has a background color of #bcc2d4.

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

#bcc2d4 border color

This element has a border color of #bcc2d4.

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

CSS codes

.text {color:#bcc2d4;}

.background {background-color:#bcc2d4;}

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

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)
```
#12151d
```
#12151d rgb(18,21,29)
```
#1a1e29
```
#1a1e29 rgb(26,30,41)
```
#222634
```
#222634 rgb(34,38,52)
```
#292f40
```
#292f40 rgb(41,47,64)
```
#31384c
```
#31384c rgb(49,56,76)
```
#394158
```
#394158 rgb(57,65,88)
```
#404964
```
#404964 rgb(64,73,100)
```
#485270
```
#485270 rgb(72,82,112)
```
#505b7c
```
#505b7c rgb(80,91,124)
```
#576488
```
#576488 rgb(87,100,136)
```
#5f6c94
```
#5f6c94 rgb(95,108,148)
```

Shade Color Variation

#68769e
```
#68769e rgb(104,118,158)
```
#7481a6
```
#7481a6 rgb(116,129,166)
```
#808cae
```
#808cae rgb(128,140,174)
```
#8c96b5
```
#8c96b5 rgb(140,150,181)
```
#98a1bd
```
#98a1bd rgb(152,161,189)
```
#a4acc5
```
#a4acc5 rgb(164,172,197)
```
#b0b7cc
```
#b0b7cc rgb(176,183,204)
```
#bcc2d4
```
#bcc2d4 rgb(188,194,212)
```
#c8cddc
```
#c8cddc rgb(200,205,220)
```
#d4d8e3
```
#d4d8e3 rgb(212,216,227)
```
#e0e3eb
```
#e0e3eb rgb(224,227,235)
```
#eceef3
```
#eceef3 rgb(236,238,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 #92adfe is the most saturated one.

#c4c6cc
```
#c4c6cc rgb(196,198,204)
```
#c0c4d0
```
#c0c4d0 rgb(192,196,208)
```
#bcc2d4
```
#bcc2d4 rgb(188,194,212)
```
#b8c0d8
```
#b8c0d8 rgb(184,192,216)
```
#b4bedc
```
#b4bedc rgb(180,190,220)
```
#afbce1
```
#afbce1 rgb(175,188,225)
```
#abbae5
```
#abbae5 rgb(171,186,229)
```
#a7b7e9
```
#a7b7e9 rgb(167,183,233)
```
#a3b5ed
```
#a3b5ed rgb(163,181,237)
```
#9eb3f2
```
#9eb3f2 rgb(158,179,242)
```
#9ab1f6
```
#9ab1f6 rgb(154,177,246)
```
#96affa
```
#96affa rgb(150,175,250)
```
#92adfe
```
#92adfe rgb(146,173,254)
```

Tone Color Variation

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

#c3c4d5 Protanopia 1% of men
#cec0d7 Deuteranopia 1% of men
#bec5d3 Tritanopia 0.001% of the population

Trichromacy

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

#bcc2d4 hex color

#bcc2d4 Color Information

#bcc2d4 Color Conversion

Color Schemes with #bcc2d4

Alternatives to #bcc2d4

#bcc2d4 Preview

Shades and Tints of #bcc2d4

Tones of #bcc2d4

Color Blindness Simulator