#bca5f4 hex color

In a RGB color space, hex #bca5f4 is composed of 73.7% red, 64.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 32.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 257.5 degrees, a saturation of 78.2% and a lightness of 80.2%. #bca5f4 color hex could be obtained by blending #ffffff with #794be9. Closest websafe color is: #cc99ff.

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

● #bca5f4 color description : Very soft violet.

The hexadecimal color #bca5f4 has RGB values of R:188, G:165, B:244 and CMYK values of C:0.23, M:0.32, Y:0, K:0.04. Its decimal value is 12363252.

Hex triplet	bca5f4	`#bca5f4`
RGB Decimal	188, 165, 244	`rgb(188,165,244)`
RGB Percent	73.7, 64.7, 95.7	`rgb(73.7%,64.7%,95.7%)`
CMYK	23, 32, 0, 4
HSL	257.5°, 78.2, 80.2	`hsl(257.5,78.2%,80.2%)`
HSV (or HSB)	257.5°, 32.4, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	72.317, 24.344, -36.421
XYZ	50.52, 44.133, 91.44
xyY	0.271, 0.237, 44.133
CIE-LCH	72.317, 43.808, 303.759
CIE-LUV	72.317, 6.522, -61.898
Hunter-Lab	66.433, 19.487, -35.105
Binary	10111100, 10100101, 11110100

#bca5f4
```
#bca5f4 rgb(188,165,244)
```
#ddf4a5
```
#ddf4a5 rgb(221,244,165)
```

Complementary Color

#a5b6f4
```
#a5b6f4 rgb(165,182,244)
```
#bca5f4
```
#bca5f4 rgb(188,165,244)
```
#e4a5f4
```
#e4a5f4 rgb(228,165,244)
```

Analogous Color

#b6f4a5
```
#b6f4a5 rgb(182,244,165)
```
#bca5f4
```
#bca5f4 rgb(188,165,244)
```
#f4e4a5
```
#f4e4a5 rgb(244,228,165)
```

Split Complementary Color

#a5f4bc
```
#a5f4bc rgb(165,244,188)
```
#bca5f4
```
#bca5f4 rgb(188,165,244)
```
#f4bca5
```
#f4bca5 rgb(244,188,165)
```

Triadic Color

#a5ddf4
```
#a5ddf4 rgb(165,221,244)
```
#bca5f4
```
#bca5f4 rgb(188,165,244)
```
#f4bca5
```
#f4bca5 rgb(244,188,165)
```
#ddf4a5
```
#ddf4a5 rgb(221,244,165)
```

Tetradic Color

#8961ec
```
#8961ec rgb(137,97,236)
```
#9a78ee
```
#9a78ee rgb(154,120,238)
```
#ab8ef1
```
#ab8ef1 rgb(171,142,241)
```
#bca5f4
```
#bca5f4 rgb(188,165,244)
```
#cdbcf7
```
#cdbcf7 rgb(205,188,247)
```
#ded2fa
```
#ded2fa rgb(222,210,250)
```
#efe9fc
```
#efe9fc rgb(239,233,252)
```

Monochromatic Color

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

#a8a5f4
```
#a8a5f4 rgb(168,165,244)
```
#afa5f4
```
#afa5f4 rgb(175,165,244)
```
#b5a5f4
```
#b5a5f4 rgb(181,165,244)
```
#bca5f4
```
#bca5f4 rgb(188,165,244)
```
#c3a5f4
```
#c3a5f4 rgb(195,165,244)
```
#c9a5f4
```
#c9a5f4 rgb(201,165,244)
```
#d0a5f4
```
#d0a5f4 rgb(208,165,244)
```

Similar Colors

Text with hexadecimal color #bca5f4

This text has a font color of #bca5f4.

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

#bca5f4 background color

This paragraph has a background color of #bca5f4.

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

#bca5f4 border color

This element has a border color of #bca5f4.

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

CSS codes

.text {color:#bca5f4;}

.background {background-color:#bca5f4;}

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

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

#06020f
```
#06020f rgb(6,2,15)
```
#0c0420
```
#0c0420 rgb(12,4,32)
```
#130632
```
#130632 rgb(19,6,50)
```
#190843
```
#190843 rgb(25,8,67)
```
#200a55
```
#200a55 rgb(32,10,85)
```
#270c66
```
#270c66 rgb(39,12,102)
```
#2d0f78
```
#2d0f78 rgb(45,15,120)
```
#341189
```
#341189 rgb(52,17,137)
```
#3a139b
```
#3a139b rgb(58,19,155)
```
#4115ac
```
#4115ac rgb(65,21,172)
```
#4817be
```
#4817be rgb(72,23,190)
```
#4e19cf
```
#4e19cf rgb(78,25,207)
```
#551be1
```
#551be1 rgb(85,27,225)
```

Shade Color Variation

#612be5
```
#612be5 rgb(97,43,229)
```
#6e3ce7
```
#6e3ce7 rgb(110,60,231)
```
#7b4ee9
```
#7b4ee9 rgb(123,78,233)
```
#885feb
```
#885feb rgb(136,95,235)
```
#9571ee
```
#9571ee rgb(149,113,238)
```
#a282f0
```
#a282f0 rgb(162,130,240)
```
#af94f2
```
#af94f2 rgb(175,148,242)
```
#bca5f4
```
#bca5f4 rgb(188,165,244)
```
#c9b6f6
```
#c9b6f6 rgb(201,182,246)
```
#d6c8f8
```
#d6c8f8 rgb(214,200,248)
```
#e3d9fa
```
#e3d9fa rgb(227,217,250)
```
#f0ebfd
```
#f0ebfd rgb(240,235,253)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#cccccd
```
#cccccd rgb(204,204,205)
```
#cbc8d1
```
#cbc8d1 rgb(203,200,209)
```
#c9c4d5
```
#c9c4d5 rgb(201,196,213)
```
#c7c0d9
```
#c7c0d9 rgb(199,192,217)
```
#c6bcdd
```
#c6bcdd rgb(198,188,221)
```
#c4b8e1
```
#c4b8e1 rgb(196,184,225)
```
#c2b5e4
```
#c2b5e4 rgb(194,181,228)
```
#c1b1e8
```
#c1b1e8 rgb(193,177,232)
```
#bfadec
```
#bfadec rgb(191,173,236)
```
#bea9f0
```
#bea9f0 rgb(190,169,240)
```
#bca5f4
```
#bca5f4 rgb(188,165,244)
```
#baa1f8
```
#baa1f8 rgb(186,161,248)
```
#b99dfc
```
#b99dfc rgb(185,157,252)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b6b2c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb2fb Protanopia 1% of men
#a1b3f1 Deuteranopia 1% of men
#b4b4c1 Tritanopia 0.001% of the population

Trichromacy

#a8adf8 Protanomaly 1% of men, 0.01% of women
#abaef2 Deuteranomaly 6% of men, 0.4% of women
#b7aed3 Tritanomaly 0.01% of the population

#bca5f4 hex color

#bca5f4 Color Information

#bca5f4 Color Conversion

Color Schemes with #bca5f4

Alternatives to #bca5f4

#bca5f4 Preview

Shades and Tints of #bca5f4

Tones of #bca5f4

Color Blindness Simulator