#bcbaf3 hex color

In a RGB color space, hex #bcbaf3 is composed of 73.7% red, 72.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 23.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 242.1 degrees, a saturation of 70.4% and a lightness of 84.1%. #bcbaf3 color hex could be obtained by blending #ffffff with #7975e7. Closest websafe color is: #ccccff.

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

● #bcbaf3 color description : Very soft blue.

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

Hex triplet	bcbaf3	`#bcbaf3`
RGB Decimal	188, 186, 243	`rgb(188,186,243)`
RGB Percent	73.7, 72.9, 95.3	`rgb(73.7%,72.9%,95.3%)`
CMYK	23, 23, 0, 5
HSL	242.1°, 70.4, 84.1	`hsl(242.1,70.4%,84.1%)`
HSV (or HSB)	242.1°, 23.5, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.448, 12.528, -27.967
XYZ	54.473, 52.28, 92.01
xyY	0.274, 0.263, 52.28
CIE-LCH	77.448, 30.645, 294.13
CIE-LUV	77.448, -2.386, -46.549
Hunter-Lab	72.305, 7.944, -24.835
Binary	10111100, 10111010, 11110011

#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#f1f3ba
```
#f1f3ba rgb(241,243,186)
```

Complementary Color

#bad5f3
```
#bad5f3 rgb(186,213,243)
```
#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#d9baf3
```
#d9baf3 rgb(217,186,243)
```

Analogous Color

#d5f3ba
```
#d5f3ba rgb(213,243,186)
```
#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#f3d9ba
```
#f3d9ba rgb(243,217,186)
```

Split Complementary Color

#baf3bc
```
#baf3bc rgb(186,243,188)
```
#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#f3bcba
```
#f3bcba rgb(243,188,186)
```

Triadic Color

#baf1f3
```
#baf1f3 rgb(186,241,243)
```
#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#f3bcba
```
#f3bcba rgb(243,188,186)
```
#f1f3ba
```
#f1f3ba rgb(241,243,186)
```

Tetradic Color

#7d79e8
```
#7d79e8 rgb(125,121,232)
```
#928feb
```
#928feb rgb(146,143,235)
```
#a7a4ef
```
#a7a4ef rgb(167,164,239)
```
#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#d1d0f7
```
#d1d0f7 rgb(209,208,247)
```
#e6e5fb
```
#e6e5fb rgb(230,229,251)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Monochromatic Color

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

#bac6f3
```
#bac6f3 rgb(186,198,243)
```
#bac2f3
```
#bac2f3 rgb(186,194,243)
```
#babdf3
```
#babdf3 rgb(186,189,243)
```
#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#c1baf3
```
#c1baf3 rgb(193,186,243)
```
#c6baf3
```
#c6baf3 rgb(198,186,243)
```
#cabaf3
```
#cabaf3 rgb(202,186,243)
```

Similar Colors

Text with hexadecimal color #bcbaf3

This text has a font color of #bcbaf3.

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

#bcbaf3 background color

This paragraph has a background color of #bcbaf3.

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

#bcbaf3 border color

This element has a border color of #bcbaf3.

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

CSS codes

.text {color:#bcbaf3;}

.background {background-color:#bcbaf3;}

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

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, #03030f is the darkest color, while #fdfdff is the lightest one.

#03030f
```
#03030f rgb(3,3,15)
```
#06051f
```
#06051f rgb(6,5,31)
```
#0a0830
```
#0a0830 rgb(10,8,48)
```
#0d0b41
```
#0d0b41 rgb(13,11,65)
```
#110e51
```
#110e51 rgb(17,14,81)
```
#141162
```
#141162 rgb(20,17,98)
```
#171473
```
#171473 rgb(23,20,115)
```
#1b1784
```
#1b1784 rgb(27,23,132)
```
#1e1a94
```
#1e1a94 rgb(30,26,148)
```
#211da5
```
#211da5 rgb(33,29,165)
```
#2520b6
```
#2520b6 rgb(37,32,182)
```
#2822c6
```
#2822c6 rgb(40,34,198)
```
#2c25d7
```
#2c25d7 rgb(44,37,215)
```

Shade Color Variation

#3a34dc
```
#3a34dc rgb(58,52,220)
```
#4a45df
```
#4a45df rgb(74,69,223)
```
#5b56e2
```
#5b56e2 rgb(91,86,226)
```
#6b66e4
```
#6b66e4 rgb(107,102,228)
```
#7b77e7
```
#7b77e7 rgb(123,119,231)
```
#8b88ea
```
#8b88ea rgb(139,136,234)
```
#9c99ed
```
#9c99ed rgb(156,153,237)
```
#aca9f0
```
#aca9f0 rgb(172,169,240)
```
#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#cccbf6
```
#cccbf6 rgb(204,203,246)
```
#dcdbf9
```
#dcdbf9 rgb(220,219,249)
```
#edecfc
```
#edecfc rgb(237,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#d6d6d7
```
#d6d6d7 rgb(214,214,215)
```
#d3d3da
```
#d3d3da rgb(211,211,218)
```
#d0d0dd
```
#d0d0dd rgb(208,208,221)
```
#cdcde0
```
#cdcde0 rgb(205,205,224)
```
#cacae3
```
#cacae3 rgb(202,202,227)
```
#c8c6e7
```
#c8c6e7 rgb(200,198,231)
```
#c5c3ea
```
#c5c3ea rgb(197,195,234)
```
#c2c0ed
```
#c2c0ed rgb(194,192,237)
```
#bfbdf0
```
#bfbdf0 rgb(191,189,240)
```
#bcbaf3
```
#bcbaf3 rgb(188,186,243)
```
#b9b7f6
```
#b9b7f6 rgb(185,183,246)
```
#b6b4f9
```
#b6b4f9 rgb(182,180,249)
```
#b3b1fc
```
#b3b1fc rgb(179,177,252)
```

Tone Color Variation

Below, you can see how #bcbaf3 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
#c0c0cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3c0f5 Protanopia 1% of men
#b9bff3 Deuteranopia 1% of men
#b7c4d2 Tritanopia 0.001% of the population

Trichromacy

#b6bef4 Protanomaly 1% of men, 0.01% of women
#babdf3 Deuteranomaly 6% of men, 0.4% of women
#b9c0de Tritanomaly 0.01% of the population

#bcbaf3 hex color

#bcbaf3 Color Information

#bcbaf3 Color Conversion

Color Schemes with #bcbaf3

Alternatives to #bcbaf3

#bcbaf3 Preview

Shades and Tints of #bcbaf3

Tones of #bcbaf3

Color Blindness Simulator