#bcabfd hex color

In a RGB color space, hex #bcabfd is composed of 73.7% red, 67.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 32.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 252.4 degrees, a saturation of 95.3% and a lightness of 83.1%. #bcabfd color hex could be obtained by blending #ffffff with #7957fb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 74
- G 67
- B 99
RGB color chart
- C 26
- M 32
- Y 0
- K 1
CMYK color chart

● #bcabfd color description : Very soft blue.

The hexadecimal color #bcabfd has RGB values of R:188, G:171, B:253 and CMYK values of C:0.26, M:0.32, Y:0, K:0.01. Its decimal value is 12364797.

Hex triplet	bcabfd	`#bcabfd`
RGB Decimal	188, 171, 253	`rgb(188,171,253)`
RGB Percent	73.7, 67.1, 99.2	`rgb(73.7%,67.1%,99.2%)`
CMYK	26, 32, 0, 1
HSL	252.4°, 95.3, 83.1	`hsl(252.4,95.3%,83.1%)`
HSV (or HSB)	252.4°, 32.4, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.131, 23.12, -38.477
XYZ	53.028, 46.909, 99.184
xyY	0.266, 0.236, 46.909
CIE-LCH	74.131, 44.889, 301.001
CIE-LUV	74.131, 3.244, -65.404
Hunter-Lab	68.49, 18.346, -37.918
Binary	10111100, 10101011, 11111101

#bcabfd
```
#bcabfd rgb(188,171,253)
```
#ecfdab
```
#ecfdab rgb(236,253,171)
```

Complementary Color

#abc3fd
```
#abc3fd rgb(171,195,253)
```
#bcabfd
```
#bcabfd rgb(188,171,253)
```
#e5abfd
```
#e5abfd rgb(229,171,253)
```

Analogous Color

#c3fdab
```
#c3fdab rgb(195,253,171)
```
#bcabfd
```
#bcabfd rgb(188,171,253)
```
#fde5ab
```
#fde5ab rgb(253,229,171)
```

Split Complementary Color

#abfdbc
```
#abfdbc rgb(171,253,188)
```
#bcabfd
```
#bcabfd rgb(188,171,253)
```
#fdbcab
```
#fdbcab rgb(253,188,171)
```

Triadic Color

#abecfd
```
#abecfd rgb(171,236,253)
```
#bcabfd
```
#bcabfd rgb(188,171,253)
```
#fdbcab
```
#fdbcab rgb(253,188,171)
```
#ecfdab
```
#ecfdab rgb(236,253,171)
```

Tetradic Color

#8060fb
```
#8060fb rgb(128,96,251)
```
#9479fc
```
#9479fc rgb(148,121,252)
```
#a892fc
```
#a892fc rgb(168,146,252)
```
#bcabfd
```
#bcabfd rgb(188,171,253)
```
#d0c4fe
```
#d0c4fe rgb(208,196,254)
```
#e4ddfe
```
#e4ddfe rgb(228,221,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Monochromatic Color

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

#abaffd
```
#abaffd rgb(171,175,253)
```
#aeabfd
```
#aeabfd rgb(174,171,253)
```
#b5abfd
```
#b5abfd rgb(181,171,253)
```
#bcabfd
```
#bcabfd rgb(188,171,253)
```
#c3abfd
```
#c3abfd rgb(195,171,253)
```
#caabfd
```
#caabfd rgb(202,171,253)
```
#d1abfd
```
#d1abfd rgb(209,171,253)
```

Similar Colors

Text with hexadecimal color #bcabfd

This text has a font color of #bcabfd.

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

#bcabfd background color

This paragraph has a background color of #bcabfd.

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

#bcabfd border color

This element has a border color of #bcabfd.

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

CSS codes

.text {color:#bcabfd;}

.background {background-color:#bcabfd;}

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

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, #03000c is the darkest color, while #f9f8ff is the lightest one.

#03000c
```
#03000c rgb(3,0,12)
```
#07011f
```
#07011f rgb(7,1,31)
```
#0b0132
```
#0b0132 rgb(11,1,50)
```
#100245
```
#100245 rgb(16,2,69)
```
#140258
```
#140258 rgb(20,2,88)
```
#18036c
```
#18036c rgb(24,3,108)
```
#1d037f
```
#1d037f rgb(29,3,127)
```
#210392
```
#210392 rgb(33,3,146)
```
#2504a5
```
#2504a5 rgb(37,4,165)
```
#2a04b8
```
#2a04b8 rgb(42,4,184)
```
#2e05cb
```
#2e05cb rgb(46,5,203)
```
#3205df
```
#3205df rgb(50,5,223)
```
#3706f2
```
#3706f2 rgb(55,6,242)
```

Shade Color Variation

#4212f9
```
#4212f9 rgb(66,18,249)
```
#5125fa
```
#5125fa rgb(81,37,250)
```
#6038fa
```
#6038fa rgb(96,56,250)
```
#704bfb
```
#704bfb rgb(112,75,251)
```
#7f5efb
```
#7f5efb rgb(127,94,251)
```
#8e72fc
```
#8e72fc rgb(142,114,252)
```
#9d85fc
```
#9d85fc rgb(157,133,252)
```
#ad98fd
```
#ad98fd rgb(173,152,253)
```
#bcabfd
```
#bcabfd rgb(188,171,253)
```
#cbbefd
```
#cbbefd rgb(203,190,253)
```
#dbd1fe
```
#dbd1fe rgb(219,209,254)
```
#eae4fe
```
#eae4fe rgb(234,228,254)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#d3d3d5
```
#d3d3d5 rgb(211,211,213)
```
#d1cfd9
```
#d1cfd9 rgb(209,207,217)
```
#cfccdc
```
#cfccdc rgb(207,204,220)
```
#cdc9df
```
#cdc9df rgb(205,201,223)
```
#cbc5e3
```
#cbc5e3 rgb(203,197,227)
```
#cac2e6
```
#cac2e6 rgb(202,194,230)
```
#c8bfe9
```
#c8bfe9 rgb(200,191,233)
```
#c6bcec
```
#c6bcec rgb(198,188,236)
```
#c4b8f0
```
#c4b8f0 rgb(196,184,240)
```
#c2b5f3
```
#c2b5f3 rgb(194,181,243)
```
#c0b2f6
```
#c0b2f6 rgb(192,178,246)
```
#beaefa
```
#beaefa rgb(190,174,250)
```
#bcabfd
```
#bcabfd rgb(188,171,253)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#bab6c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b7ff Protanopia 1% of men
#a3b8fa Deuteranopia 1% of men
#b3bac7 Tritanopia 0.001% of the population

Trichromacy

#abb3fe Protanomaly 1% of men, 0.01% of women
#acb3fb Deuteranomaly 6% of men, 0.4% of women
#b6b4db Tritanomaly 0.01% of the population

#bcabfd hex color

#bcabfd Color Information

#bcabfd Color Conversion

Color Schemes with #bcabfd

Alternatives to #bcabfd

#bcabfd Preview

Shades and Tints of #bcabfd

Tones of #bcabfd

Color Blindness Simulator