colorhexa.com

#bcc6fd hex color

In a RGB color space, hex #bcc6fd is composed of 73.7% red, 77.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 21.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 230.8 degrees, a saturation of 94.2% and a lightness of 86.5%. #bcc6fd color hex could be obtained by blending #ffffff with #798dfb. Closest websafe color is: #ccccff.

- R 74
- G 78
- B 99
RGB color chart
- C 26
- M 22
- Y 0
- K 1
CMYK color chart

● #bcc6fd color description : Very soft blue.

The hexadecimal color #bcc6fd has RGB values of R:188, G:198, B:253 and CMYK values of C:0.26, M:0.22, Y:0, K:0.01. Its decimal value is 12371709.

Hex triplet	bcc6fd	`#bcc6fd`
RGB Decimal	188, 198, 253	`rgb(188,198,253)`
RGB Percent	73.7, 77.6, 99.2	`rgb(73.7%,77.6%,99.2%)`
CMYK	26, 22, 0, 1
HSL	230.8°, 94.2, 86.5	`hsl(230.8,94.2%,86.5%)`
HSV (or HSB)	230.8°, 25.7, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.833, 8.313, -28.137
XYZ	58.659, 58.17, 101.061
xyY	0.269, 0.267, 58.17
CIE-LCH	80.833, 29.339, 286.461
CIE-LUV	80.833, -8.152, -46.463
Hunter-Lab	76.27, 3.813, -25.173
Binary	10111100, 11000110, 11111101

#bcc6fd
```
#bcc6fd rgb(188,198,253)
```
#fdf3bc
```
#fdf3bc rgb(253,243,188)
```

Complementary Color

#bce7fd
```
#bce7fd rgb(188,231,253)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```
#d3bcfd
```
#d3bcfd rgb(211,188,253)
```

Analogous Color

#e7fdbc
```
#e7fdbc rgb(231,253,188)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```
#fdd3bc
```
#fdd3bc rgb(253,211,188)
```

Split Complementary Color

#c6fdbc
```
#c6fdbc rgb(198,253,188)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```
#fdbcc6
```
#fdbcc6 rgb(253,188,198)
```

Triadic Color

#bcfdf3
```
#bcfdf3 rgb(188,253,243)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```
#fdbcc6
```
#fdbcc6 rgb(253,188,198)
```
#fdf3bc
```
#fdf3bc rgb(253,243,188)
```

Tetradic Color

#7287fb
```
#7287fb rgb(114,135,251)
```
#8a9cfc
```
#8a9cfc rgb(138,156,252)
```
#a3b1fc
```
#a3b1fc rgb(163,177,252)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```
#d5dbfe
```
#d5dbfe rgb(213,219,254)
```
#eef0fe
```
#eef0fe rgb(238,240,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcd6fd
```
#bcd6fd rgb(188,214,253)
```
#bcd1fd
```
#bcd1fd rgb(188,209,253)
```
#bccbfd
```
#bccbfd rgb(188,203,253)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```
#bcc1fd
```
#bcc1fd rgb(188,193,253)
```
#bdbcfd
```
#bdbcfd rgb(189,188,253)
```
#c2bcfd
```
#c2bcfd rgb(194,188,253)
```

Similar Colors

Text with hexadecimal color #bcc6fd

This text has a font color of #bcc6fd.

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

#bcc6fd background color

This paragraph has a background color of #bcc6fd.

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

#bcc6fd border color

This element has a border color of #bcc6fd.

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

CSS codes

.text {color:#bcc6fd;}

.background {background-color:#bcc6fd;}

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01051c
```
#01051c rgb(1,5,28)
```
#01082f
```
#01082f rgb(1,8,47)
```
#020c42
```
#020c42 rgb(2,12,66)
```
#030f55
```
#030f55 rgb(3,15,85)
```
#031368
```
#031368 rgb(3,19,104)
```
#04167b
```
#04167b rgb(4,22,123)
```
#041a8f
```
#041a8f rgb(4,26,143)
```
#051da2
```
#051da2 rgb(5,29,162)
```
#0520b5
```
#0520b5 rgb(5,32,181)
```
#0624c8
```
#0624c8 rgb(6,36,200)
```
#0727db
```
#0727db rgb(7,39,219)
```
#072bee
```
#072bee rgb(7,43,238)
```

Shade Color Variation

#1134f8
```
#1134f8 rgb(17,52,248)
```
#2444f8
```
#2444f8 rgb(36,68,248)
```
#3755f9
```
#3755f9 rgb(55,85,249)
```
#4a65fa
```
#4a65fa rgb(74,101,250)
```
#5d75fa
```
#5d75fa rgb(93,117,250)
```
#7085fb
```
#7085fb rgb(112,133,251)
```
#8395fb
```
#8395fb rgb(131,149,251)
```
#96a6fc
```
#96a6fc rgb(150,166,252)
```
#a9b6fc
```
#a9b6fc rgb(169,182,252)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```
#cfd6fe
```
#cfd6fe rgb(207,214,254)
```
#e2e6fe
```
#e2e6fe rgb(226,230,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#dcdcdd
```
#dcdcdd rgb(220,220,221)
```
#d9dae0
```
#d9dae0 rgb(217,218,224)
```
#d7d8e2
```
#d7d8e2 rgb(215,216,226)
```
#d4d7e5
```
#d4d7e5 rgb(212,215,229)
```
#d1d5e8
```
#d1d5e8 rgb(209,213,232)
```
#cfd3ea
```
#cfd3ea rgb(207,211,234)
```
#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#c9cff0
```
#c9cff0 rgb(201,207,240)
```
#c7cdf2
```
#c7cdf2 rgb(199,205,242)
```
#c4ccf5
```
#c4ccf5 rgb(196,204,245)
```
#c1caf8
```
#c1caf8 rgb(193,202,248)
```
#bfc8fa
```
#bfc8fa rgb(191,200,250)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c6c8d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc9fd Protanopia 1% of men
#c2c8fd Deuteranopia 1% of men
#b7cedd Tritanopia 0.001% of the population

Trichromacy

#bcc8fd Protanomaly 1% of men, 0.01% of women
#c0c7fd Deuteranomaly 6% of men, 0.4% of women
#b9cbe9 Tritanomaly 0.01% of the population