#ba97f2 hex color

In a RGB color space, hex #ba97f2 is composed of 72.9% red, 59.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 37.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 263.1 degrees, a saturation of 77.8% and a lightness of 77.1%. #ba97f2 color hex could be obtained by blending #ffffff with #752fe5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 59
- B 95
RGB color chart
- C 23
- M 38
- Y 0
- K 5
CMYK color chart

● #ba97f2 color description : Very soft violet.

The hexadecimal color #ba97f2 has RGB values of R:186, G:151, B:242 and CMYK values of C:0.23, M:0.38, Y:0, K:0.05. Its decimal value is 12228594.

Hex triplet	ba97f2	`#ba97f2`
RGB Decimal	186, 151, 242	`rgb(186,151,242)`
RGB Percent	72.9, 59.2, 94.9	`rgb(72.9%,59.2%,94.9%)`
CMYK	23, 38, 0, 5
HSL	263.1°, 77.8, 77.1	`hsl(263.1,77.8%,77.1%)`
HSV (or HSB)	263.1°, 37.6, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.739, 31.086, -40.918
XYZ	47.341, 38.983, 89.03
xyY	0.27, 0.222, 38.983
CIE-LCH	68.739, 51.387, 307.224
CIE-LUV	68.739, 11.398, -69.834
Hunter-Lab	62.437, 26.078, -40.838
Binary	10111010, 10010111, 11110010

#ba97f2
```
#ba97f2 rgb(186,151,242)
```
#cff297
```
#cff297 rgb(207,242,151)
```

Complementary Color

#97a2f2
```
#97a2f2 rgb(151,162,242)
```
#ba97f2
```
#ba97f2 rgb(186,151,242)
```
#e897f2
```
#e897f2 rgb(232,151,242)
```

Analogous Color

#a2f297
```
#a2f297 rgb(162,242,151)
```
#ba97f2
```
#ba97f2 rgb(186,151,242)
```
#f2e897
```
#f2e897 rgb(242,232,151)
```

Split Complementary Color

#97f2ba
```
#97f2ba rgb(151,242,186)
```
#ba97f2
```
#ba97f2 rgb(186,151,242)
```
#f2ba97
```
#f2ba97 rgb(242,186,151)
```

Triadic Color

#97cff2
```
#97cff2 rgb(151,207,242)
```
#ba97f2
```
#ba97f2 rgb(186,151,242)
```
#f2ba97
```
#f2ba97 rgb(242,186,151)
```
#cff297
```
#cff297 rgb(207,242,151)
```

Tetradic Color

#8d53ea
```
#8d53ea rgb(141,83,234)
```
#9c6aec
```
#9c6aec rgb(156,106,236)
```
#ab80ef
```
#ab80ef rgb(171,128,239)
```
#ba97f2
```
#ba97f2 rgb(186,151,242)
```
#c9aef5
```
#c9aef5 rgb(201,174,245)
```
#d8c4f8
```
#d8c4f8 rgb(216,196,248)
```
#e7dbfb
```
#e7dbfb rgb(231,219,251)
```

Monochromatic Color

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

#a397f2
```
#a397f2 rgb(163,151,242)
```
#ab97f2
```
#ab97f2 rgb(171,151,242)
```
#b297f2
```
#b297f2 rgb(178,151,242)
```
#ba97f2
```
#ba97f2 rgb(186,151,242)
```
#c297f2
```
#c297f2 rgb(194,151,242)
```
#c997f2
```
#c997f2 rgb(201,151,242)
```
#d197f2
```
#d197f2 rgb(209,151,242)
```

Similar Colors

Text with hexadecimal color #ba97f2

This text has a font color of #ba97f2.

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

#ba97f2 background color

This paragraph has a background color of #ba97f2.

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

#ba97f2 border color

This element has a border color of #ba97f2.

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

CSS codes

.text {color:#ba97f2;}

.background {background-color:#ba97f2;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#080212
```
#080212 rgb(8,2,18)
```
#100423
```
#100423 rgb(16,4,35)
```
#180735
```
#180735 rgb(24,7,53)
```
#200946
```
#200946 rgb(32,9,70)
```
#290b58
```
#290b58 rgb(41,11,88)
```
#310d69
```
#310d69 rgb(49,13,105)
```
#390f7b
```
#390f7b rgb(57,15,123)
```
#41128c
```
#41128c rgb(65,18,140)
```
#49149e
```
#49149e rgb(73,20,158)
```
#5116af
```
#5116af rgb(81,22,175)
```
#5918c0
```
#5918c0 rgb(89,24,192)
```
#611ad2
```
#611ad2 rgb(97,26,210)
```

Shade Color Variation

#691de3
```
#691de3 rgb(105,29,227)
```
#752ee5
```
#752ee5 rgb(117,46,229)
```
#8040e7
```
#8040e7 rgb(128,64,231)
```
#8c51e9
```
#8c51e9 rgb(140,81,233)
```
#9763eb
```
#9763eb rgb(151,99,235)
```
#a374ee
```
#a374ee rgb(163,116,238)
```
#ae86f0
```
#ae86f0 rgb(174,134,240)
```
#ba97f2
```
#ba97f2 rgb(186,151,242)
```
#c6a8f4
```
#c6a8f4 rgb(198,168,244)
```
#d1baf6
```
#d1baf6 rgb(209,186,246)
```
#ddcbf9
```
#ddcbf9 rgb(221,203,249)
```
#e8ddfb
```
#e8ddfb rgb(232,221,251)
```
#f4eefd
```
#f4eefd rgb(244,238,253)
```

Tint Color Variation

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

#c4c4c5
```
#c4c4c5 rgb(196,196,197)
```
#c3c0ca
```
#c3c0ca rgb(195,192,202)
```
#c2bbce
```
#c2bbce rgb(194,187,206)
```
#c1b7d3
```
#c1b7d3 rgb(193,183,211)
```
#c0b2d7
```
#c0b2d7 rgb(192,178,215)
```
#bfaedc
```
#bfaedc rgb(191,174,220)
```
#bea9e0
```
#bea9e0 rgb(190,169,224)
```
#bda5e5
```
#bda5e5 rgb(189,165,229)
```
#bca0e9
```
#bca0e9 rgb(188,160,233)
```
#bb9cee
```
#bb9cee rgb(187,156,238)
```
#ba97f2
```
#ba97f2 rgb(186,151,242)
```
#b993f7
```
#b993f7 rgb(185,147,247)
```
#b88efb
```
#b88efb rgb(184,142,251)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#afa8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca9fc Protanopia 1% of men
#91aaed Deuteranopia 1% of men
#b0a9b5 Tritanopia 0.001% of the population

Trichromacy

#9da2f8 Protanomaly 1% of men, 0.01% of women
#a0a3ef Deuteranomaly 6% of men, 0.4% of women
#b3a3cb Tritanomaly 0.01% of the population

#ba97f2 hex color

#ba97f2 Color Information

#ba97f2 Color Conversion

Color Schemes with #ba97f2

Alternatives to #ba97f2

#ba97f2 Preview

Shades and Tints of #ba97f2

Tones of #ba97f2

Color Blindness Simulator