#bca2fe hex color

In a RGB color space, hex #bca2fe is composed of 73.7% red, 63.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 36.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 257 degrees, a saturation of 97.9% and a lightness of 81.6%. #bca2fe color hex could be obtained by blending #ffffff with #7945fd. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 74
- G 64
- B 100
RGB color chart
- C 26
- M 36
- Y 0
- K 0
CMYK color chart

● #bca2fe color description : Very soft violet.

The hexadecimal color #bca2fe has RGB values of R:188, G:162, B:254 and CMYK values of C:0.26, M:0.36, Y:0, K:0. Its decimal value is 12362494.

Hex triplet	bca2fe	`#bca2fe`
RGB Decimal	188, 162, 254	`rgb(188,162,254)`
RGB Percent	73.7, 63.5, 99.6	`rgb(73.7%,63.5%,99.6%)`
CMYK	26, 36, 0, 0
HSL	257°, 97.9, 81.6	`hsl(257,97.9%,81.6%)`
HSV (or HSB)	257°, 36.2, 99.6
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	72.019, 28.351, -42.31
XYZ	51.546, 43.688, 99.477
xyY	0.265, 0.224, 43.688
CIE-LCH	72.019, 50.93, 303.825
CIE-LUV	72.019, 6.795, -72.295
Hunter-Lab	66.097, 23.535, -42.966
Binary	10111100, 10100010, 11111110

#bca2fe
```
#bca2fe rgb(188,162,254)
```
#e4fea2
```
#e4fea2 rgb(228,254,162)
```

Complementary Color

#a2b6fe
```
#a2b6fe rgb(162,182,254)
```
#bca2fe
```
#bca2fe rgb(188,162,254)
```
#eaa2fe
```
#eaa2fe rgb(234,162,254)
```

Analogous Color

#b6fea2
```
#b6fea2 rgb(182,254,162)
```
#bca2fe
```
#bca2fe rgb(188,162,254)
```
#feeaa2
```
#feeaa2 rgb(254,234,162)
```

Split Complementary Color

#a2febc
```
#a2febc rgb(162,254,188)
```
#bca2fe
```
#bca2fe rgb(188,162,254)
```
#febca2
```
#febca2 rgb(254,188,162)
```

Triadic Color

#a2e4fe
```
#a2e4fe rgb(162,228,254)
```
#bca2fe
```
#bca2fe rgb(188,162,254)
```
#febca2
```
#febca2 rgb(254,188,162)
```
#e4fea2
```
#e4fea2 rgb(228,254,162)
```

Tetradic Color

#8556fd
```
#8556fd rgb(133,86,253)
```
#9870fd
```
#9870fd rgb(152,112,253)
```
#aa89fe
```
#aa89fe rgb(170,137,254)
```
#bca2fe
```
#bca2fe rgb(188,162,254)
```
#cebbfe
```
#cebbfe rgb(206,187,254)
```
#e0d4ff
```
#e0d4ff rgb(224,212,255)
```
#f3eeff
```
#f3eeff rgb(243,238,255)
```

Monochromatic Color

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

#a5a2fe
```
#a5a2fe rgb(165,162,254)
```
#ada2fe
```
#ada2fe rgb(173,162,254)
```
#b4a2fe
```
#b4a2fe rgb(180,162,254)
```
#bca2fe
```
#bca2fe rgb(188,162,254)
```
#c4a2fe
```
#c4a2fe rgb(196,162,254)
```
#cba2fe
```
#cba2fe rgb(203,162,254)
```
#d3a2fe
```
#d3a2fe rgb(211,162,254)
```

Similar Colors

Text with hexadecimal color #bca2fe

This text has a font color of #bca2fe.

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

#bca2fe background color

This paragraph has a background color of #bca2fe.

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

#bca2fe border color

This element has a border color of #bca2fe.

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

CSS codes

.text {color:#bca2fe;}

.background {background-color:#bca2fe;}

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

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

#010004
```
#010004 rgb(1,0,4)
```
#070017
```
#070017 rgb(7,0,23)
```
#0c002b
```
#0c002b rgb(12,0,43)
```
#12013e
```
#12013e rgb(18,1,62)
```
#180152
```
#180152 rgb(24,1,82)
```
#1d0165
```
#1d0165 rgb(29,1,101)
```
#230178
```
#230178 rgb(35,1,120)
```
#29028c
```
#29028c rgb(41,2,140)
```
#2e029f
```
#2e029f rgb(46,2,159)
```
#3402b3
```
#3402b3 rgb(52,2,179)
```
#3a02c6
```
#3a02c6 rgb(58,2,198)
```
#3f02da
```
#3f02da rgb(63,2,218)
```
#4503ed
```
#4503ed rgb(69,3,237)
```

Shade Color Variation

#4c07fc
```
#4c07fc rgb(76,7,252)
```
#5a1afd
```
#5a1afd rgb(90,26,253)
```
#682efd
```
#682efd rgb(104,46,253)
```
#7641fd
```
#7641fd rgb(118,65,253)
```
#8454fd
```
#8454fd rgb(132,84,253)
```
#9268fd
```
#9268fd rgb(146,104,253)
```
#a07bfe
```
#a07bfe rgb(160,123,254)
```
#ae8ffe
```
#ae8ffe rgb(174,143,254)
```
#bca2fe
```
#bca2fe rgb(188,162,254)
```
#cab5fe
```
#cab5fe rgb(202,181,254)
```
#d8c9fe
```
#d8c9fe rgb(216,201,254)
```
#e6dcff
```
#e6dcff rgb(230,220,255)
```
#f4f0ff
```
#f4f0ff rgb(244,240,255)
```

Tint Color Variation

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

#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#cdcad6
```
#cdcad6 rgb(205,202,214)
```
#ccc6da
```
#ccc6da rgb(204,198,218)
```
#cac3dd
```
#cac3dd rgb(202,195,221)
```
#c9bfe1
```
#c9bfe1 rgb(201,191,225)
```
#c7bbe5
```
#c7bbe5 rgb(199,187,229)
```
#c5b8e8
```
#c5b8e8 rgb(197,184,232)
```
#c4b4ec
```
#c4b4ec rgb(196,180,236)
```
#c2b0f0
```
#c2b0f0 rgb(194,176,240)
```
#c1adf3
```
#c1adf3 rgb(193,173,243)
```
#bfa9f7
```
#bfa9f7 rgb(191,169,247)
```
#bea6fa
```
#bea6fa rgb(190,166,250)
```
#bca2fe
```
#bca2fe rgb(188,162,254)
```

Tone Color Variation

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

Dichromacy

#98b2ff Protanopia 1% of men
#98b3f9 Deuteranopia 1% of men
#b1b4c1 Tritanopia 0.001% of the population

Trichromacy

#a5acfe Protanomaly 1% of men, 0.01% of women
#a5acfb Deuteranomaly 6% of men, 0.4% of women
#b5add7 Tritanomaly 0.01% of the population

#bca2fe hex color

#bca2fe Color Information

#bca2fe Color Conversion

Color Schemes with #bca2fe

Alternatives to #bca2fe

#bca2fe Preview

Shades and Tints of #bca2fe

Tones of #bca2fe

Color Blindness Simulator