#bcc0d4 hex color

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

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

● #bcc0d4 color description : Grayish blue.

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

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

CIE-LAB	77.96, 2.546, -10.474
XYZ	51.47, 53.144, 69.83
xyY	0.295, 0.305, 53.144
CIE-LCH	77.96, 10.779, 283.661
CIE-LUV	77.96, -3.311, -16.532
Hunter-Lab	72.9, -1.547, -5.763
Binary	10111100, 11000000, 11010100

#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```
#d4d0bc
```
#d4d0bc rgb(212,208,188)
```

Complementary Color

#bcccd4
```
#bcccd4 rgb(188,204,212)
```
#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```
#c4bcd4
```
#c4bcd4 rgb(196,188,212)
```

Analogous Color

#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```
#d4c4bc
```
#d4c4bc rgb(212,196,188)
```

Split Complementary Color

#c0d4bc
```
#c0d4bc rgb(192,212,188)
```
#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```
#d4bcc0
```
#d4bcc0 rgb(212,188,192)
```

Triadic Color

#bcd4d0
```
#bcd4d0 rgb(188,212,208)
```
#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```
#d4bcc0
```
#d4bcc0 rgb(212,188,192)
```
#d4d0bc
```
#d4d0bc rgb(212,208,188)
```

Tetradic Color

#8d94b6
```
#8d94b6 rgb(141,148,182)
```
#9da3c0
```
#9da3c0 rgb(157,163,192)
```
#acb1ca
```
#acb1ca rgb(172,177,202)
```
#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```
#cccfde
```
#cccfde rgb(204,207,222)
```
#dbdde8
```
#dbdde8 rgb(219,221,232)
```
#ebecf2
```
#ebecf2 rgb(235,236,242)
```

Monochromatic Color

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

#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)
```
#bebcd4
```
#bebcd4 rgb(190,188,212)
```

Similar Colors

Text with hexadecimal color #bcc0d4

This text has a font color of #bcc0d4.

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

#bcc0d4 background color

This paragraph has a background color of #bcc0d4.

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

#bcc0d4 border color

This element has a border color of #bcc0d4.

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

CSS codes

.text {color:#bcc0d4;}

.background {background-color:#bcc0d4;}

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

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)
```
#1a1c29
```
#1a1c29 rgb(26,28,41)
```
#222534
```
#222534 rgb(34,37,52)
```
#292d40
```
#292d40 rgb(41,45,64)
```
#31364c
```
#31364c rgb(49,54,76)
```
#393e58
```
#393e58 rgb(57,62,88)
```
#404664
```
#404664 rgb(64,70,100)
```
#484f70
```
#484f70 rgb(72,79,112)
```
#50577c
```
#50577c rgb(80,87,124)
```
#575f88
```
#575f88 rgb(87,95,136)
```
#5f6894
```
#5f6894 rgb(95,104,148)
```

Shade Color Variation

#68719e
```
#68719e rgb(104,113,158)
```
#747da6
```
#747da6 rgb(116,125,166)
```
#8088ae
```
#8088ae rgb(128,136,174)
```
#8c93b5
```
#8c93b5 rgb(140,147,181)
```
#989ebd
```
#989ebd rgb(152,158,189)
```
#a4aac5
```
#a4aac5 rgb(164,170,197)
```
#b0b5cc
```
#b0b5cc rgb(176,181,204)
```
#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```
#c8cbdc
```
#c8cbdc rgb(200,203,220)
```
#d4d6e3
```
#d4d6e3 rgb(212,214,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 #92a4fe is the most saturated one.

#c4c6cc
```
#c4c6cc rgb(196,198,204)
```
#c0c3d0
```
#c0c3d0 rgb(192,195,208)
```
#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```
#b8bdd8
```
#b8bdd8 rgb(184,189,216)
```
#b4badc
```
#b4badc rgb(180,186,220)
```
#afb8e1
```
#afb8e1 rgb(175,184,225)
```
#abb5e5
```
#abb5e5 rgb(171,181,229)
```
#a7b2e9
```
#a7b2e9 rgb(167,178,233)
```
#a3afed
```
#a3afed rgb(163,175,237)
```
#9eacf2
```
#9eacf2 rgb(158,172,242)
```
#9aa9f6
```
#9aa9f6 rgb(154,169,246)
```
#96a7fa
```
#96a7fa rgb(150,167,250)
```
#92a4fe
```
#92a4fe rgb(146,164,254)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c1c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c2d5 Protanopia 1% of men
#ccbfd7 Deuteranopia 1% of men
#bec4d2 Tritanopia 0.001% of the population

Trichromacy

#bfc1d5 Protanomaly 1% of men, 0.01% of women
#c6bfd6 Deuteranomaly 6% of men, 0.4% of women
#bdc2d2 Tritanomaly 0.01% of the population

#bcc0d4 hex color

#bcc0d4 Color Information

#bcc0d4 Color Conversion

Color Schemes with #bcc0d4

Alternatives to #bcc0d4

#bcc0d4 Preview

Shades and Tints of #bcc0d4

Tones of #bcc0d4

Color Blindness Simulator