colorhexa.com

#ba3e63 hex color

In a RGB color space, hex #ba3e63 is composed of 72.9% red, 24.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 46.8% yellow and 27.1% black. It has a hue angle of 342.1 degrees, a saturation of 50% and a lightness of 48.6%. #ba3e63 color hex could be obtained by blending #ff7cc6 with #750000. Closest websafe color is: #cc3366.

- R 73
- G 24
- B 39
RGB color chart
- C 0
- M 67
- Y 47
- K 27
CMYK color chart

● #ba3e63 color description : Moderate pink.

The hexadecimal color #ba3e63 has RGB values of R:186, G:62, B:99 and CMYK values of C:0, M:0.67, Y:0.47, K:0.27. Its decimal value is 12205667.

Hex triplet	ba3e63	`#ba3e63`
RGB Decimal	186, 62, 99	`rgb(186,62,99)`
RGB Percent	72.9, 24.3, 38.8	`rgb(72.9%,24.3%,38.8%)`
CMYK	0, 67, 47, 27
HSL	342.1°, 50, 48.6	`hsl(342.1,50%,48.6%)`
HSV (or HSB)	342.1°, 66.7, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.342, 52.61, 6.324
XYZ	24.225, 14.788, 13.382
xyY	0.462, 0.282, 14.788
CIE-LCH	45.342, 52.988, 6.854
CIE-LUV	45.342, 82.966, -1.942
Hunter-Lab	38.455, 45.153, 6.285
Binary	10111010, 00111110, 01100011

#ba3e63
```
#ba3e63 rgb(186,62,99)
```
#3eba95
```
#3eba95 rgb(62,186,149)
```

Complementary Color

#ba3ea1
```
#ba3ea1 rgb(186,62,161)
```
#ba3e63
```
#ba3e63 rgb(186,62,99)
```
#ba573e
```
#ba573e rgb(186,87,62)
```

Analogous Color

#3ea1ba
```
#3ea1ba rgb(62,161,186)
```
#ba3e63
```
#ba3e63 rgb(186,62,99)
```
#3eba57
```
#3eba57 rgb(62,186,87)
```

Split Complementary Color

#3e63ba
```
#3e63ba rgb(62,99,186)
```
#ba3e63
```
#ba3e63 rgb(186,62,99)
```
#63ba3e
```
#63ba3e rgb(99,186,62)
```

Triadic Color

#953eba
```
#953eba rgb(149,62,186)
```
#ba3e63
```
#ba3e63 rgb(186,62,99)
```
#63ba3e
```
#63ba3e rgb(99,186,62)
```
#3eba95
```
#3eba95 rgb(62,186,149)
```

Tetradic Color

#812b44
```
#812b44 rgb(129,43,68)
```
#94314f
```
#94314f rgb(148,49,79)
```
#a73859
```
#a73859 rgb(167,56,89)
```
#ba3e63
```
#ba3e63 rgb(186,62,99)
```
#c44e71
```
#c44e71 rgb(196,78,113)
```
#ca6180
```
#ca6180 rgb(202,97,128)
```
#d17490
```
#d17490 rgb(209,116,144)
```

Monochromatic Color

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

#ba3e82
```
#ba3e82 rgb(186,62,130)
```
#ba3e78
```
#ba3e78 rgb(186,62,120)
```
#ba3e6d
```
#ba3e6d rgb(186,62,109)
```
#ba3e63
```
#ba3e63 rgb(186,62,99)
```
#ba3e59
```
#ba3e59 rgb(186,62,89)
```
#ba3e4e
```
#ba3e4e rgb(186,62,78)
```
#ba3e44
```
#ba3e44 rgb(186,62,68)
```

Similar Colors

Text with hexadecimal color #ba3e63

This text has a font color of #ba3e63.

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

#ba3e63 background color

This paragraph has a background color of #ba3e63.

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

#ba3e63 border color

This element has a border color of #ba3e63.

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

CSS codes

.text {color:#ba3e63;}

.background {background-color:#ba3e63;}

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

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

#090305
```
#090305 rgb(9,3,5)
```
#18080d
```
#18080d rgb(24,8,13)
```
#270d15
```
#270d15 rgb(39,13,21)
```
#36121d
```
#36121d rgb(54,18,29)
```
#441724
```
#441724 rgb(68,23,36)
```
#531c2c
```
#531c2c rgb(83,28,44)
```
#622134
```
#622134 rgb(98,33,52)
```
#70253c
```
#70253c rgb(112,37,60)
```
#7f2a44
```
#7f2a44 rgb(127,42,68)
```
#8e2f4c
```
#8e2f4c rgb(142,47,76)
```
#9d3453
```
#9d3453 rgb(157,52,83)
```
#ab395b
```
#ab395b rgb(171,57,91)
```
#ba3e63
```
#ba3e63 rgb(186,62,99)
```

Shade Color Variation

#c2496d
```
#c2496d rgb(194,73,109)
```
#c75879
```
#c75879 rgb(199,88,121)
```
#cc6785
```
#cc6785 rgb(204,103,133)
```
#d17591
```
#d17591 rgb(209,117,145)
```
#d6849d
```
#d6849d rgb(214,132,157)
```
#db93a8
```
#db93a8 rgb(219,147,168)
```
#e0a1b4
```
#e0a1b4 rgb(224,161,180)
```
#e5b0c0
```
#e5b0c0 rgb(229,176,192)
```
#eabfcc
```
#eabfcc rgb(234,191,204)
```
#efced7
```
#efced7 rgb(239,206,215)
```
#f3dce3
```
#f3dce3 rgb(243,220,227)
```
#f8ebef
```
#f8ebef rgb(248,235,239)
```
#fdfafb
```
#fdfafb rgb(253,250,251)
```

Tint Color Variation

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

#81777a
```
#81777a rgb(129,119,122)
```
#8a6e76
```
#8a6e76 rgb(138,110,118)
```
#946472
```
#946472 rgb(148,100,114)
```
#9d5b6f
```
#9d5b6f rgb(157,91,111)
```
#a7516b
```
#a7516b rgb(167,81,107)
```
#b04867
```
#b04867 rgb(176,72,103)
```
#ba3e63
```
#ba3e63 rgb(186,62,99)
```
#c4345f
```
#c4345f rgb(196,52,95)
```
#cd2b5b
```
#cd2b5b rgb(205,43,91)
```
#d72157
```
#d72157 rgb(215,33,87)
```
#e01854
```
#e01854 rgb(224,24,84)
```
#ea0e50
```
#ea0e50 rgb(234,14,80)
```
#f3054c
```
#f3054c rgb(243,5,76)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#785f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70727f Protanopia 1% of men
#836e62 Deuteranopia 1% of men
#bb4d51 Tritanopia 0.001% of the population

Trichromacy

#8b5f75 Protanomaly 1% of men, 0.01% of women
#975d62 Deuteranomaly 6% of men, 0.4% of women
#bb4758 Tritanomaly 0.01% of the population