#bba2ca hex color

In a RGB color space, hex #bba2ca is composed of 73.3% red, 63.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 19.8% magenta, 0% yellow and 20.8% black. It has a hue angle of 277.5 degrees, a saturation of 27.4% and a lightness of 71.4%. #bba2ca color hex could be obtained by blending #ffffff with #774595. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 64
- B 79
RGB color chart
- C 7
- M 20
- Y 0
- K 21
CMYK color chart

● #bba2ca color description : Grayish violet.

The hexadecimal color #bba2ca has RGB values of R:187, G:162, B:202 and CMYK values of C:0.07, M:0.2, Y:0, K:0.21. Its decimal value is 12296906.

Hex triplet	bba2ca	`#bba2ca`
RGB Decimal	187, 162, 202	`rgb(187,162,202)`
RGB Percent	73.3, 63.5, 79.2	`rgb(73.3%,63.5%,79.2%)`
CMYK	7, 20, 0, 21
HSL	277.5°, 27.4, 71.4	`hsl(277.5,27.4%,71.4%)`
HSV (or HSB)	277.5°, 19.8, 79.2
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	69.944, 16.554, -17.056
XYZ	44.073, 40.67, 61.402
xyY	0.302, 0.278, 40.67
CIE-LCH	69.944, 23.769, 314.143
CIE-LUV	69.944, 11.319, -28.84
Hunter-Lab	63.773, 11.756, -12.445
Binary	10111011, 10100010, 11001010

#bba2ca
```
#bba2ca rgb(187,162,202)
```
#b1caa2
```
#b1caa2 rgb(177,202,162)
```

Complementary Color

#a7a2ca
```
#a7a2ca rgb(167,162,202)
```
#bba2ca
```
#bba2ca rgb(187,162,202)
```
#caa2c5
```
#caa2c5 rgb(202,162,197)
```

Analogous Color

#a2caa7
```
#a2caa7 rgb(162,202,167)
```
#bba2ca
```
#bba2ca rgb(187,162,202)
```
#c5caa2
```
#c5caa2 rgb(197,202,162)
```

Split Complementary Color

#a2cabb
```
#a2cabb rgb(162,202,187)
```
#bba2ca
```
#bba2ca rgb(187,162,202)
```
#cabba2
```
#cabba2 rgb(202,187,162)
```

Triadic Color

#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#bba2ca
```
#bba2ca rgb(187,162,202)
```
#cabba2
```
#cabba2 rgb(202,187,162)
```
#b1caa2
```
#b1caa2 rgb(177,202,162)
```

Tetradic Color

#9771ae
```
#9771ae rgb(151,113,174)
```
#a382b7
```
#a382b7 rgb(163,130,183)
```
#af92c1
```
#af92c1 rgb(175,146,193)
```
#bba2ca
```
#bba2ca rgb(187,162,202)
```
#c7b2d3
```
#c7b2d3 rgb(199,178,211)
```
#d3c2dd
```
#d3c2dd rgb(211,194,221)
```
#dfd3e6
```
#dfd3e6 rgb(223,211,230)
```

Monochromatic Color

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

#b1a2ca
```
#b1a2ca rgb(177,162,202)
```
#b4a2ca
```
#b4a2ca rgb(180,162,202)
```
#b8a2ca
```
#b8a2ca rgb(184,162,202)
```
#bba2ca
```
#bba2ca rgb(187,162,202)
```
#bea2ca
```
#bea2ca rgb(190,162,202)
```
#c2a2ca
```
#c2a2ca rgb(194,162,202)
```
#c5a2ca
```
#c5a2ca rgb(197,162,202)
```

Similar Colors

Text with hexadecimal color #bba2ca

This text has a font color of #bba2ca.

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

#bba2ca background color

This paragraph has a background color of #bba2ca.

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

#bba2ca border color

This element has a border color of #bba2ca.

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

CSS codes

.text {color:#bba2ca;}

.background {background-color:#bba2ca;}

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

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

#060407
```
#060407 rgb(6,4,7)
```
#100b13
```
#100b13 rgb(16,11,19)
```
#1b1220
```
#1b1220 rgb(27,18,32)
```
#25192c
```
#25192c rgb(37,25,44)
```
#302039
```
#302039 rgb(48,32,57)
```
#3a2845
```
#3a2845 rgb(58,40,69)
```
#452f52
```
#452f52 rgb(69,47,82)
```
#4f365e
```
#4f365e rgb(79,54,94)
```
#5a3d6b
```
#5a3d6b rgb(90,61,107)
```
#644477
```
#644477 rgb(100,68,119)
```
#6f4b84
```
#6f4b84 rgb(111,75,132)
```
#795290
```
#795290 rgb(121,82,144)
```
#84599d
```
#84599d rgb(132,89,157)
```

Shade Color Variation

#8d64a6
```
#8d64a6 rgb(141,100,166)
```
#9670ae
```
#9670ae rgb(150,112,174)
```
#a07db5
```
#a07db5 rgb(160,125,181)
```
#a989bc
```
#a989bc rgb(169,137,188)
```
#b296c3
```
#b296c3 rgb(178,150,195)
```
#bba2ca
```
#bba2ca rgb(187,162,202)
```
#c4aed1
```
#c4aed1 rgb(196,174,209)
```
#cdbbd8
```
#cdbbd8 rgb(205,187,216)
```
#d6c7df
```
#d6c7df rgb(214,199,223)
```
#e0d4e6
```
#e0d4e6 rgb(224,212,230)
```
#e9e0ee
```
#e9e0ee rgb(233,224,238)
```
#f2edf5
```
#f2edf5 rgb(242,237,245)
```
#fbf9fc
```
#fbf9fc rgb(251,249,252)
```

Tint Color Variation

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

#b7b3b9
```
#b7b3b9 rgb(183,179,185)
```
#b8adbf
```
#b8adbf rgb(184,173,191)
```
#baa8c4
```
#baa8c4 rgb(186,168,196)
```
#bba2ca
```
#bba2ca rgb(187,162,202)
```
#bc9cd0
```
#bc9cd0 rgb(188,156,208)
```
#be97d5
```
#be97d5 rgb(190,151,213)
```
#bf91db
```
#bf91db rgb(191,145,219)
```
#c18ce0
```
#c18ce0 rgb(193,140,224)
```
#c286e6
```
#c286e6 rgb(194,134,230)
```
#c380ec
```
#c380ec rgb(195,128,236)
```
#c57bf1
```
#c57bf1 rgb(197,123,241)
```
#c675f7
```
#c675f7 rgb(198,117,247)
```
#c86ffd
```
#c86ffd rgb(200,111,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b1acb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7add0 Protanopia 1% of men
#b1abcb Deuteranopia 1% of men
#baaab7 Tritanopia 0.001% of the population

Trichromacy

#aea9ce Protanomaly 1% of men, 0.01% of women
#b4a8ca Deuteranomaly 6% of men, 0.4% of women
#baa7bd Tritanomaly 0.01% of the population

#bba2ca hex color

#bba2ca Color Information

#bba2ca Color Conversion

Color Schemes with #bba2ca

Alternatives to #bba2ca

#bba2ca Preview

Shades and Tints of #bba2ca

Tones of #bba2ca

Color Blindness Simulator