#bca5ec hex color

In a RGB color space, hex #bca5ec is composed of 73.7% red, 64.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 30.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 259.4 degrees, a saturation of 65.1% and a lightness of 78.6%. #bca5ec color hex could be obtained by blending #ffffff with #794bd9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 74
- G 65
- B 93
RGB color chart
- C 20
- M 30
- Y 0
- K 7
CMYK color chart

● #bca5ec color description : Very soft violet.

The hexadecimal color #bca5ec has RGB values of R:188, G:165, B:236 and CMYK values of C:0.2, M:0.3, Y:0, K:0.07. Its decimal value is 12363244.

Hex triplet	bca5ec	`#bca5ec`
RGB Decimal	188, 165, 236	`rgb(188,165,236)`
RGB Percent	73.7, 64.7, 92.5	`rgb(73.7%,64.7%,92.5%)`
CMYK	20, 30, 0, 7
HSL	259.4°, 65.1, 78.6	`hsl(259.4,65.1%,78.6%)`
HSV (or HSB)	259.4°, 30.1, 92.5
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	71.999, 22.515, -32.562
XYZ	49.332, 43.658, 85.18
xyY	0.277, 0.245, 43.658
CIE-LCH	71.999, 39.588, 304.662
CIE-LUV	71.999, 7.269, -55.161
Hunter-Lab	66.074, 17.641, -30.183
Binary	10111100, 10100101, 11101100

#bca5ec
```
#bca5ec rgb(188,165,236)
```
#d5eca5
```
#d5eca5 rgb(213,236,165)
```

Complementary Color

#a5b2ec
```
#a5b2ec rgb(165,178,236)
```
#bca5ec
```
#bca5ec rgb(188,165,236)
```
#e0a5ec
```
#e0a5ec rgb(224,165,236)
```

Analogous Color

#b2eca5
```
#b2eca5 rgb(178,236,165)
```
#bca5ec
```
#bca5ec rgb(188,165,236)
```
#ece0a5
```
#ece0a5 rgb(236,224,165)
```

Split Complementary Color

#a5ecbc
```
#a5ecbc rgb(165,236,188)
```
#bca5ec
```
#bca5ec rgb(188,165,236)
```
#ecbca5
```
#ecbca5 rgb(236,188,165)
```

Triadic Color

#a5d5ec
```
#a5d5ec rgb(165,213,236)
```
#bca5ec
```
#bca5ec rgb(188,165,236)
```
#ecbca5
```
#ecbca5 rgb(236,188,165)
```
#d5eca5
```
#d5eca5 rgb(213,236,165)
```

Tetradic Color

#8d66df
```
#8d66df rgb(141,102,223)
```
#9d7be3
```
#9d7be3 rgb(157,123,227)
```
#ac90e8
```
#ac90e8 rgb(172,144,232)
```
#bca5ec
```
#bca5ec rgb(188,165,236)
```
#ccbaf0
```
#ccbaf0 rgb(204,186,240)
```
#dbcff5
```
#dbcff5 rgb(219,207,245)
```
#ebe4f9
```
#ebe4f9 rgb(235,228,249)
```

Monochromatic Color

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

#aaa5ec
```
#aaa5ec rgb(170,165,236)
```
#b0a5ec
```
#b0a5ec rgb(176,165,236)
```
#b6a5ec
```
#b6a5ec rgb(182,165,236)
```
#bca5ec
```
#bca5ec rgb(188,165,236)
```
#c2a5ec
```
#c2a5ec rgb(194,165,236)
```
#c8a5ec
```
#c8a5ec rgb(200,165,236)
```
#cea5ec
```
#cea5ec rgb(206,165,236)
```

Similar Colors

Text with hexadecimal color #bca5ec

This text has a font color of #bca5ec.

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

#bca5ec background color

This paragraph has a background color of #bca5ec.

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

#bca5ec border color

This element has a border color of #bca5ec.

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

CSS codes

.text {color:#bca5ec;}

.background {background-color:#bca5ec;}

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

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

#030207
```
#030207 rgb(3,2,7)
```
#0b0517
```
#0b0517 rgb(11,5,23)
```
#120828
```
#120828 rgb(18,8,40)
```
#1a0c38
```
#1a0c38 rgb(26,12,56)
```
#220f48
```
#220f48 rgb(34,15,72)
```
#291358
```
#291358 rgb(41,19,88)
```
#311668
```
#311668 rgb(49,22,104)
```
#381979
```
#381979 rgb(56,25,121)
```
#401d89
```
#401d89 rgb(64,29,137)
```
#472099
```
#472099 rgb(71,32,153)
```
#4f24a9
```
#4f24a9 rgb(79,36,169)
```
#5627b9
```
#5627b9 rgb(86,39,185)
```
#5e2bca
```
#5e2bca rgb(94,43,202)
```

Shade Color Variation

#6834d4
```
#6834d4 rgb(104,52,212)
```
#7444d7
```
#7444d7 rgb(116,68,215)
```
#8054db
```
#8054db rgb(128,84,219)
```
#8c64de
```
#8c64de rgb(140,100,222)
```
#9874e2
```
#9874e2 rgb(152,116,226)
```
#a485e5
```
#a485e5 rgb(164,133,229)
```
#b095e9
```
#b095e9 rgb(176,149,233)
```
#bca5ec
```
#bca5ec rgb(188,165,236)
```
#c8b5ef
```
#c8b5ef rgb(200,181,239)
```
#d4c5f3
```
#d4c5f3 rgb(212,197,243)
```
#e0d6f6
```
#e0d6f6 rgb(224,214,246)
```
#ece6fa
```
#ece6fa rgb(236,230,250)
```
#f8f6fd
```
#f8f6fd rgb(248,246,253)
```

Tint Color Variation

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

#c8c7ca
```
#c8c7ca rgb(200,199,202)
```
#c6c2cf
```
#c6c2cf rgb(198,194,207)
```
#c5bed3
```
#c5bed3 rgb(197,190,211)
```
#c3bad7
```
#c3bad7 rgb(195,186,215)
```
#c2b6db
```
#c2b6db rgb(194,182,219)
```
#c0b2df
```
#c0b2df rgb(192,178,223)
```
#bfade4
```
#bfade4 rgb(191,173,228)
```
#bda9e8
```
#bda9e8 rgb(189,169,232)
```
#bca5ec
```
#bca5ec rgb(188,165,236)
```
#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#b99df4
```
#b99df4 rgb(185,157,244)
```
#b898f9
```
#b898f9 rgb(184,152,249)
```
#b694fd
```
#b694fd rgb(182,148,253)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b6b1bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f2 Protanopia 1% of men
#a5b2ea Deuteranopia 1% of men
#b5b2bf Tritanopia 0.001% of the population

Trichromacy

#aaadf0 Protanomaly 1% of men, 0.01% of women
#adadea Deuteranomaly 6% of men, 0.4% of women
#b8adcf Tritanomaly 0.01% of the population

#bca5ec hex color

#bca5ec Color Information

#bca5ec Color Conversion

Color Schemes with #bca5ec

Alternatives to #bca5ec

#bca5ec Preview

Shades and Tints of #bca5ec

Tones of #bca5ec

Color Blindness Simulator