#bcbdf3 hex color

In a RGB color space, hex #bcbdf3 is composed of 73.7% red, 74.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 22.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 238.9 degrees, a saturation of 69.6% and a lightness of 84.5%. #bcbdf3 color hex could be obtained by blending #ffffff with #797be7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 74
- B 95
RGB color chart
- C 23
- M 22
- Y 0
- K 5
CMYK color chart

● #bcbdf3 color description : Very soft blue.

The hexadecimal color #bcbdf3 has RGB values of R:188, G:189, B:243 and CMYK values of C:0.23, M:0.22, Y:0, K:0.05. Its decimal value is 12369395.

Hex triplet	bcbdf3	`#bcbdf3`
RGB Decimal	188, 189, 243	`rgb(188,189,243)`
RGB Percent	73.7, 74.1, 95.3	`rgb(73.7%,74.1%,95.3%)`
CMYK	23, 22, 0, 5
HSL	238.9°, 69.6, 84.5	`hsl(238.9,69.6%,84.5%)`
HSV (or HSB)	238.9°, 22.6, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	78.203, 10.891, -26.811
XYZ	55.111, 53.557, 92.223
xyY	0.274, 0.267, 53.557
CIE-LCH	78.203, 28.939, 292.107
CIE-LUV	78.203, -3.699, -44.433
Hunter-Lab	73.183, 6.352, -23.488
Binary	10111100, 10111101, 11110011

#bcbdf3
```
#bcbdf3 rgb(188,189,243)
```
#f3f2bc
```
#f3f2bc rgb(243,242,188)
```

Complementary Color

#bcd9f3
```
#bcd9f3 rgb(188,217,243)
```
#bcbdf3
```
#bcbdf3 rgb(188,189,243)
```
#d7bcf3
```
#d7bcf3 rgb(215,188,243)
```

Analogous Color

#d9f3bc
```
#d9f3bc rgb(217,243,188)
```
#bcbdf3
```
#bcbdf3 rgb(188,189,243)
```
#f3d7bc
```
#f3d7bc rgb(243,215,188)
```

Split Complementary Color

#bdf3bc
```
#bdf3bc rgb(189,243,188)
```
#bcbdf3
```
#bcbdf3 rgb(188,189,243)
```
#f3bcbd
```
#f3bcbd rgb(243,188,189)
```

Triadic Color

#bcf3f2
```
#bcf3f2 rgb(188,243,242)
```
#bcbdf3
```
#bcbdf3 rgb(188,189,243)
```
#f3bcbd
```
#f3bcbd rgb(243,188,189)
```
#f3f2bc
```
#f3f2bc rgb(243,242,188)
```

Tetradic Color

#7b7de7
```
#7b7de7 rgb(123,125,231)
```
#9192eb
```
#9192eb rgb(145,146,235)
```
#a6a8ef
```
#a6a8ef rgb(166,168,239)
```
#bcbdf3
```
#bcbdf3 rgb(188,189,243)
```
#d2d2f7
```
#d2d2f7 rgb(210,210,247)
```
#e7e8fb
```
#e7e8fb rgb(231,232,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Monochromatic Color

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

#bccbf3
```
#bccbf3 rgb(188,203,243)
```
#bcc6f3
```
#bcc6f3 rgb(188,198,243)
```
#bcc2f3
```
#bcc2f3 rgb(188,194,243)
```
#bcbdf3
```
#bcbdf3 rgb(188,189,243)
```
#c0bcf3
```
#c0bcf3 rgb(192,188,243)
```
#c4bcf3
```
#c4bcf3 rgb(196,188,243)
```
#c9bcf3
```
#c9bcf3 rgb(201,188,243)
```

Similar Colors

Text with hexadecimal color #bcbdf3

This text has a font color of #bcbdf3.

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

#bcbdf3 background color

This paragraph has a background color of #bcbdf3.

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

#bcbdf3 border color

This element has a border color of #bcbdf3.

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

CSS codes

.text {color:#bcbdf3;}

.background {background-color:#bcbdf3;}

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

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

#030310
```
#030310 rgb(3,3,16)
```
#060621
```
#060621 rgb(6,6,33)
```
#090a31
```
#090a31 rgb(9,10,49)
```
#0c0d42
```
#0c0d42 rgb(12,13,66)
```
#0f1053
```
#0f1053 rgb(15,16,83)
```
#121363
```
#121363 rgb(18,19,99)
```
#151774
```
#151774 rgb(21,23,116)
```
#181a85
```
#181a85 rgb(24,26,133)
```
#1b1d95
```
#1b1d95 rgb(27,29,149)
```
#1e20a6
```
#1e20a6 rgb(30,32,166)
```
#2123b7
```
#2123b7 rgb(33,35,183)
```
#2427c7
```
#2427c7 rgb(36,39,199)
```
#272ad8
```
#272ad8 rgb(39,42,216)
```

Shade Color Variation

#373adb
```
#373adb rgb(55,58,219)
```
#484ade
```
#484ade rgb(72,74,222)
```
#585be1
```
#585be1 rgb(88,91,225)
```
#696be4
```
#696be4 rgb(105,107,228)
```
#797be7
```
#797be7 rgb(121,123,231)
```
#8a8cea
```
#8a8cea rgb(138,140,234)
```
#9b9ced
```
#9b9ced rgb(155,156,237)
```
#abadf0
```
#abadf0 rgb(171,173,240)
```
#bcbdf3
```
#bcbdf3 rgb(188,189,243)
```
#cdcdf6
```
#cdcdf6 rgb(205,205,246)
```
#dddef9
```
#dddef9 rgb(221,222,249)
```
#eeeefc
```
#eeeefc rgb(238,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d7d7d8
```
#d7d7d8 rgb(215,215,216)
```
#d4d4db
```
#d4d4db rgb(212,212,219)
```
#d1d1de
```
#d1d1de rgb(209,209,222)
```
#cecfe1
```
#cecfe1 rgb(206,207,225)
```
#cbcce4
```
#cbcce4 rgb(203,204,228)
```
#c8c9e7
```
#c8c9e7 rgb(200,201,231)
```
#c5c6ea
```
#c5c6ea rgb(197,198,234)
```
#c2c3ed
```
#c2c3ed rgb(194,195,237)
```
#bfc0f0
```
#bfc0f0 rgb(191,192,240)
```
#bcbdf3
```
#bcbdf3 rgb(188,189,243)
```
#b9baf6
```
#b9baf6 rgb(185,186,246)
```
#b6b7f9
```
#b6b7f9 rgb(182,183,249)
```
#b3b4fc
```
#b3b4fc rgb(179,180,252)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c2c2cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c2f5 Protanopia 1% of men
#bdc1f3 Deuteranopia 1% of men
#b8c6d4 Tritanopia 0.001% of the population

Trichromacy

#b8c0f4 Protanomaly 1% of men, 0.01% of women
#bcbff3 Deuteranomaly 6% of men, 0.4% of women
#b9c2df Tritanomaly 0.01% of the population

#bcbdf3 hex color

#bcbdf3 Color Information

#bcbdf3 Color Conversion

Color Schemes with #bcbdf3

Alternatives to #bcbdf3

#bcbdf3 Preview

Shades and Tints of #bcbdf3

Tones of #bcbdf3

Color Blindness Simulator