#ba69a3 hex color

In a RGB color space, hex #ba69a3 is composed of 72.9% red, 41.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.5% magenta, 12.4% yellow and 27.1% black. It has a hue angle of 317 degrees, a saturation of 37% and a lightness of 57.1%. #ba69a3 color hex could be obtained by blending #ffd2ff with #750047. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 41
- B 64
RGB color chart
- C 0
- M 44
- Y 12
- K 27
CMYK color chart

● #ba69a3 color description : Slightly desaturated pink.

The hexadecimal color #ba69a3 has RGB values of R:186, G:105, B:163 and CMYK values of C:0, M:0.44, Y:0.12, K:0.27. Its decimal value is 12216739.

Hex triplet	ba69a3	`#ba69a3`
RGB Decimal	186, 105, 163	`rgb(186,105,163)`
RGB Percent	72.9, 41.2, 63.9	`rgb(72.9%,41.2%,63.9%)`
CMYK	0, 44, 12, 27
HSL	317°, 37, 57.1	`hsl(317,37%,57.1%)`
HSV (or HSB)	317°, 43.5, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	55.266, 40.336, -17.248
XYZ	31.912, 23.188, 37.443
xyY	0.345, 0.251, 23.188
CIE-LCH	55.266, 43.869, 336.847
CIE-LUV	55.266, 44.236, -31.768
Hunter-Lab	48.154, 34.022, -12.394
Binary	10111010, 01101001, 10100011

#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#69ba80
```
#69ba80 rgb(105,186,128)
```

Complementary Color

#a969ba
```
#a969ba rgb(169,105,186)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#ba697b
```
#ba697b rgb(186,105,123)
```

Analogous Color

#69baa9
```
#69baa9 rgb(105,186,169)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#7bba69
```
#7bba69 rgb(123,186,105)
```

Split Complementary Color

#69a3ba
```
#69a3ba rgb(105,163,186)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#a3ba69
```
#a3ba69 rgb(163,186,105)
```

Triadic Color

#8069ba
```
#8069ba rgb(128,105,186)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#a3ba69
```
#a3ba69 rgb(163,186,105)
```
#69ba80
```
#69ba80 rgb(105,186,128)
```

Tetradic Color

#93447c
```
#93447c rgb(147,68,124)
```
#a44c8b
```
#a44c8b rgb(164,76,139)
```
#b25898
```
#b25898 rgb(178,88,152)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#c27aae
```
#c27aae rgb(194,122,174)
```
#ca8cb8
```
#ca8cb8 rgb(202,140,184)
```
#d29dc3
```
#d29dc3 rgb(210,157,195)
```

Monochromatic Color

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

#ba69b7
```
#ba69b7 rgb(186,105,183)
```
#ba69b1
```
#ba69b1 rgb(186,105,177)
```
#ba69aa
```
#ba69aa rgb(186,105,170)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#ba699c
```
#ba699c rgb(186,105,156)
```
#ba6996
```
#ba6996 rgb(186,105,150)
```
#ba698f
```
#ba698f rgb(186,105,143)
```

Similar Colors

Text with hexadecimal color #ba69a3

This text has a font color of #ba69a3.

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

#ba69a3 background color

This paragraph has a background color of #ba69a3.

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

#ba69a3 border color

This element has a border color of #ba69a3.

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

CSS codes

.text {color:#ba69a3;}

.background {background-color:#ba69a3;}

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

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, #0b050a is the darkest color, while #fefdfe is the lightest one.

#0b050a
```
#0b050a rgb(11,5,10)
```
#190b15
```
#190b15 rgb(25,11,21)
```
#261220
```
#261220 rgb(38,18,32)
```
#34182c
```
#34182c rgb(52,24,44)
```
#411e37
```
#411e37 rgb(65,30,55)
```
#4e2442
```
#4e2442 rgb(78,36,66)
```
#5c2a4e
```
#5c2a4e rgb(92,42,78)
```
#693059
```
#693059 rgb(105,48,89)
```
#773765
```
#773765 rgb(119,55,101)
```
#843d70
```
#843d70 rgb(132,61,112)
```
#92437b
```
#92437b rgb(146,67,123)
```
#9f4987
```
#9f4987 rgb(159,73,135)
```
#ac4f92
```
#ac4f92 rgb(172,79,146)
```

Shade Color Variation

#b45c9b
```
#b45c9b rgb(180,92,155)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#c076ab
```
#c076ab rgb(192,118,171)
```
#c684b3
```
#c684b3 rgb(198,132,179)
```
#cd91bc
```
#cd91bc rgb(205,145,188)
```
#d39fc4
```
#d39fc4 rgb(211,159,196)
```
#d9accc
```
#d9accc rgb(217,172,204)
```
#dfbad4
```
#dfbad4 rgb(223,186,212)
```
#e5c7dd
```
#e5c7dd rgb(229,199,221)
```
#ebd4e5
```
#ebd4e5 rgb(235,212,229)
```
#f2e2ed
```
#f2e2ed rgb(242,226,237)
```
#f8eff5
```
#f8eff5 rgb(248,239,245)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#988b94
```
#988b94 rgb(152,139,148)
```
#a18298
```
#a18298 rgb(161,130,152)
```
#a97a9c
```
#a97a9c rgb(169,122,156)
```
#b2719f
```
#b2719f rgb(178,113,159)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#c261a7
```
#c261a7 rgb(194,97,167)
```
#cb58aa
```
#cb58aa rgb(203,88,170)
```
#d350ae
```
#d350ae rgb(211,80,174)
```
#dc47b2
```
#dc47b2 rgb(220,71,178)
```
#e43fb5
```
#e43fb5 rgb(228,63,181)
```
#ed36b9
```
#ed36b9 rgb(237,54,185)
```
#f52ebc
```
#f52ebc rgb(245,46,188)
```
#fd26c0
```
#fd26c0 rgb(253,38,192)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#92828d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c89b7 Protanopia 1% of men
#8c87a1 Deuteranopia 1% of men
#b87981 Tritanopia 0.001% of the population

Trichromacy

#927daf Protanomaly 1% of men, 0.01% of women
#9c7ca1 Deuteranomaly 6% of men, 0.4% of women
#b9738d Tritanomaly 0.01% of the population

#ba69a3 hex color

#ba69a3 Color Information

#ba69a3 Color Conversion

Color Schemes with #ba69a3

Alternatives to #ba69a3

#ba69a3 Preview

Shades and Tints of #ba69a3

Tones of #ba69a3

Color Blindness Simulator