#bcd1f5 hex color

In a RGB color space, hex #bcd1f5 is composed of 73.7% red, 82% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 23.3% cyan, 14.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 217.9 degrees, a saturation of 74% and a lightness of 84.9%. #bcd1f5 color hex could be obtained by blending #ffffff with #79a3eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 82
- B 96
RGB color chart
- C 23
- M 15
- Y 0
- K 4
CMYK color chart

● #bcd1f5 color description : Very soft blue.

The hexadecimal color #bcd1f5 has RGB values of R:188, G:209, B:245 and CMYK values of C:0.23, M:0.15, Y:0, K:0.04. Its decimal value is 12374517.

Hex triplet	bcd1f5	`#bcd1f5`
RGB Decimal	188, 209, 245	`rgb(188,209,245)`
RGB Percent	73.7, 82, 96.1	`rgb(73.7%,82%,96.1%)`
CMYK	23, 15, 0, 4
HSL	217.9°, 74, 84.9	`hsl(217.9,74%,84.9%)`
HSV (or HSB)	217.9°, 23.3, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.381, 0.593, -20.003
XYZ	60.018, 62.884, 95.357
xyY	0.275, 0.288, 62.884
CIE-LCH	83.381, 20.011, 271.697
CIE-LUV	83.381, -12.622, -31.857
Hunter-Lab	79.299, -3.676, -15.786
Binary	10111100, 11010001, 11110101

#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#f5e0bc
```
#f5e0bc rgb(245,224,188)
```

Complementary Color

#bceef5
```
#bceef5 rgb(188,238,245)
```
#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```

Analogous Color

#eef5bc
```
#eef5bc rgb(238,245,188)
```
#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#f5c4bc
```
#f5c4bc rgb(245,196,188)
```

Split Complementary Color

#d1f5bc
```
#d1f5bc rgb(209,245,188)
```
#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#f5bcd1
```
#f5bcd1 rgb(245,188,209)
```

Triadic Color

#bcf5e0
```
#bcf5e0 rgb(188,245,224)
```
#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#f5bcd1
```
#f5bcd1 rgb(245,188,209)
```
#f5e0bc
```
#f5e0bc rgb(245,224,188)
```

Tetradic Color

#79a3eb
```
#79a3eb rgb(121,163,235)
```
#90b3ee
```
#90b3ee rgb(144,179,238)
```
#a6c2f2
```
#a6c2f2 rgb(166,194,242)
```
#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#d2e0f8
```
#d2e0f8 rgb(210,224,248)
```
#e8effc
```
#e8effc rgb(232,239,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcdff5
```
#bcdff5 rgb(188,223,245)
```
#bcdbf5
```
#bcdbf5 rgb(188,219,245)
```
#bcd6f5
```
#bcd6f5 rgb(188,214,245)
```
#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#bcccf5
```
#bcccf5 rgb(188,204,245)
```
#bcc8f5
```
#bcc8f5 rgb(188,200,245)
```
#bcc3f5
```
#bcc3f5 rgb(188,195,245)
```

Similar Colors

Text with hexadecimal color #bcd1f5

This text has a font color of #bcd1f5.

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

#bcd1f5 background color

This paragraph has a background color of #bcd1f5.

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

#bcd1f5 border color

This element has a border color of #bcd1f5.

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

CSS codes

.text {color:#bcd1f5;}

.background {background-color:#bcd1f5;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030812
```
#030812 rgb(3,8,18)
```
#051023
```
#051023 rgb(5,16,35)
```
#081834
```
#081834 rgb(8,24,52)
```
#0a2046
```
#0a2046 rgb(10,32,70)
```
#0d2857
```
#0d2857 rgb(13,40,87)
```
#0f3068
```
#0f3068 rgb(15,48,104)
```
#123879
```
#123879 rgb(18,56,121)
```
#15408a
```
#15408a rgb(21,64,138)
```
#17489b
```
#17489b rgb(23,72,155)
```
#1a50ac
```
#1a50ac rgb(26,80,172)
```
#1c57bd
```
#1c57bd rgb(28,87,189)
```
#1f5fce
```
#1f5fce rgb(31,95,206)
```

Shade Color Variation

#2268de
```
#2268de rgb(34,104,222)
```
#3373e1
```
#3373e1 rgb(51,115,225)
```
#457fe3
```
#457fe3 rgb(69,127,227)
```
#568be6
```
#568be6 rgb(86,139,230)
```
#6796e8
```
#6796e8 rgb(103,150,232)
```
#78a2eb
```
#78a2eb rgb(120,162,235)
```
#89aeed
```
#89aeed rgb(137,174,237)
```
#9abaf0
```
#9abaf0 rgb(154,186,240)
```
#abc5f2
```
#abc5f2 rgb(171,197,242)
```
#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#cdddf8
```
#cdddf8 rgb(205,221,248)
```
#dee8fa
```
#dee8fa rgb(222,232,250)
```
#eff4fd
```
#eff4fd rgb(239,244,253)
```

Tint Color Variation

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

#d7d8da
```
#d7d8da rgb(215,216,218)
```
#d4d7dd
```
#d4d7dd rgb(212,215,221)
```
#d1d6e0
```
#d1d6e0 rgb(209,214,224)
```
#ced6e3
```
#ced6e3 rgb(206,214,227)
```
#cbd5e6
```
#cbd5e6 rgb(203,213,230)
```
#c8d4e9
```
#c8d4e9 rgb(200,212,233)
```
#c5d3ec
```
#c5d3ec rgb(197,211,236)
```
#c2d3ef
```
#c2d3ef rgb(194,211,239)
```
#bfd2f2
```
#bfd2f2 rgb(191,210,242)
```
#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#b9d0f8
```
#b9d0f8 rgb(185,208,248)
```
#b6cffb
```
#b6cffb rgb(182,207,251)
```
#b3cffe
```
#b3cffe rgb(179,207,254)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbcfd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad0f3 Protanopia 1% of men
#d2cdf7 Deuteranopia 1% of men
#bbd6e5 Tritanopia 0.001% of the population

Trichromacy

#c5d0f4 Protanomaly 1% of men, 0.01% of women
#cacef6 Deuteranomaly 6% of men, 0.4% of women
#bbd4eb Tritanomaly 0.01% of the population

#bcd1f5 hex color

#bcd1f5 Color Information

#bcd1f5 Color Conversion

Color Schemes with #bcd1f5

Alternatives to #bcd1f5

#bcd1f5 Preview

Shades and Tints of #bcd1f5

Tones of #bcd1f5

Color Blindness Simulator