#bcc5df hex color

In a RGB color space, hex #bcc5df is composed of 73.7% red, 77.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 11.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 224.6 degrees, a saturation of 35.4% and a lightness of 80.6%. #bcc5df color hex could be obtained by blending #ffffff with #798bbf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 77
- B 87
RGB color chart
- C 16
- M 12
- Y 0
- K 13
CMYK color chart

● #bcc5df color description : Light grayish blue.

The hexadecimal color #bcc5df has RGB values of R:188, G:197, B:223 and CMYK values of C:0.16, M:0.12, Y:0, K:0.13. Its decimal value is 12371423.

Hex triplet	bcc5df	`#bcc5df`
RGB Decimal	188, 197, 223	`rgb(188,197,223)`
RGB Percent	73.7, 77.3, 87.5	`rgb(73.7%,77.3%,87.5%)`
CMYK	16, 12, 0, 13
HSL	224.6°, 35.4, 80.6	`hsl(224.6,35.4%,80.6%)`
HSV (or HSB)	224.6°, 15.7, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.586, 2.164, -13.968
XYZ	54.022, 55.951, 77.761
xyY	0.288, 0.298, 55.951
CIE-LCH	79.586, 14.135, 278.805
CIE-LUV	79.586, -6.238, -22.092
Hunter-Lab	74.8, -1.985, -9.277
Binary	10111100, 11000101, 11011111

#bcc5df
```
#bcc5df rgb(188,197,223)
```
#dfd6bc
```
#dfd6bc rgb(223,214,188)
```

Complementary Color

#bcd7df
```
#bcd7df rgb(188,215,223)
```
#bcc5df
```
#bcc5df rgb(188,197,223)
```
#c5bcdf
```
#c5bcdf rgb(197,188,223)
```

Analogous Color

#d7dfbc
```
#d7dfbc rgb(215,223,188)
```
#bcc5df
```
#bcc5df rgb(188,197,223)
```
#dfc5bc
```
#dfc5bc rgb(223,197,188)
```

Split Complementary Color

#c5dfbc
```
#c5dfbc rgb(197,223,188)
```
#bcc5df
```
#bcc5df rgb(188,197,223)
```
#dfbcc5
```
#dfbcc5 rgb(223,188,197)
```

Triadic Color

#bcdfd6
```
#bcdfd6 rgb(188,223,214)
```
#bcc5df
```
#bcc5df rgb(188,197,223)
```
#dfbcc5
```
#dfbcc5 rgb(223,188,197)
```
#dfd6bc
```
#dfd6bc rgb(223,214,188)
```

Tetradic Color

#8898c6
```
#8898c6 rgb(136,152,198)
```
#99a7cf
```
#99a7cf rgb(153,167,207)
```
#abb6d7
```
#abb6d7 rgb(171,182,215)
```
#bcc5df
```
#bcc5df rgb(188,197,223)
```
#cdd4e7
```
#cdd4e7 rgb(205,212,231)
```
#dfe3ef
```
#dfe3ef rgb(223,227,239)
```
#f0f2f8
```
#f0f2f8 rgb(240,242,248)
```

Monochromatic Color

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

#bccedf
```
#bccedf rgb(188,206,223)
```
#bccbdf
```
#bccbdf rgb(188,203,223)
```
#bcc8df
```
#bcc8df rgb(188,200,223)
```
#bcc5df
```
#bcc5df rgb(188,197,223)
```
#bcc2df
```
#bcc2df rgb(188,194,223)
```
#bcbfdf
```
#bcbfdf rgb(188,191,223)
```
#bcbcdf
```
#bcbcdf rgb(188,188,223)
```

Similar Colors

Text with hexadecimal color #bcc5df

This text has a font color of #bcc5df.

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

#bcc5df background color

This paragraph has a background color of #bcc5df.

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

#bcc5df border color

This element has a border color of #bcc5df.

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

CSS codes

.text {color:#bcc5df;}

.background {background-color:#bcc5df;}

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

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

#06080d
```
#06080d rgb(6,8,13)
```
#0c101a
```
#0c101a rgb(12,16,26)
```
#131827
```
#131827 rgb(19,24,39)
```
#192034
```
#192034 rgb(25,32,52)
```
#1f2842
```
#1f2842 rgb(31,40,66)
```
#26304f
```
#26304f rgb(38,48,79)
```
#2c385c
```
#2c385c rgb(44,56,92)
```
#32416a
```
#32416a rgb(50,65,106)
```
#394977
```
#394977 rgb(57,73,119)
```
#3f5184
```
#3f5184 rgb(63,81,132)
```
#455991
```
#455991 rgb(69,89,145)
```
#4c619f
```
#4c619f rgb(76,97,159)
```
#5269ac
```
#5269ac rgb(82,105,172)
```

Shade Color Variation

#5f75b3
```
#5f75b3 rgb(95,117,179)
```
#6c80b9
```
#6c80b9 rgb(108,128,185)
```
#7a8cbf
```
#7a8cbf rgb(122,140,191)
```
#8797c6
```
#8797c6 rgb(135,151,198)
```
#94a3cc
```
#94a3cc rgb(148,163,204)
```
#a1aed2
```
#a1aed2 rgb(161,174,210)
```
#afbad9
```
#afbad9 rgb(175,186,217)
```
#bcc5df
```
#bcc5df rgb(188,197,223)
```
#c9d0e5
```
#c9d0e5 rgb(201,208,229)
```
#d7dcec
```
#d7dcec rgb(215,220,236)
```
#e4e7f2
```
#e4e7f2 rgb(228,231,242)
```
#f1f3f8
```
#f1f3f8 rgb(241,243,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#cbccd0
```
#cbccd0 rgb(203,204,208)
```
#c7cbd4
```
#c7cbd4 rgb(199,203,212)
```
#c4c9d7
```
#c4c9d7 rgb(196,201,215)
```
#c0c7db
```
#c0c7db rgb(192,199,219)
```
#bcc5df
```
#bcc5df rgb(188,197,223)
```
#b8c3e3
```
#b8c3e3 rgb(184,195,227)
```
#b4c1e7
```
#b4c1e7 rgb(180,193,231)
```
#b1bfea
```
#b1bfea rgb(177,191,234)
```
#adbeee
```
#adbeee rgb(173,190,238)
```
#a9bcf2
```
#a9bcf2 rgb(169,188,242)
```
#a5baf6
```
#a5baf6 rgb(165,186,246)
```
#a1b8fa
```
#a1b8fa rgb(161,184,250)
```
#9eb6fd
```
#9eb6fd rgb(158,182,253)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c3c5ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c6df Protanopia 1% of men
#cdc3e2 Deuteranopia 1% of men
#bdc9d7 Tritanopia 0.001% of the population

Trichromacy

#c1c6df Protanomaly 1% of men, 0.01% of women
#c7c4e1 Deuteranomaly 6% of men, 0.4% of women
#bdc7da Tritanomaly 0.01% of the population

#bcc5df hex color

#bcc5df Color Information

#bcc5df Color Conversion

Color Schemes with #bcc5df

Alternatives to #bcc5df

#bcc5df Preview

Shades and Tints of #bcc5df

Tones of #bcc5df

Color Blindness Simulator