#ba4060 hex color

In a RGB color space, hex #ba4060 is composed of 72.9% red, 25.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 48.4% yellow and 27.1% black. It has a hue angle of 344.3 degrees, a saturation of 48.8% and a lightness of 49%. #ba4060 color hex could be obtained by blending #ff80c0 with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 25
- B 38
RGB color chart
- C 0
- M 66
- Y 48
- K 27
CMYK color chart

● #ba4060 color description : Moderate pink.

The hexadecimal color #ba4060 has RGB values of R:186, G:64, B:96 and CMYK values of C:0, M:0.66, Y:0.48, K:0.27. Its decimal value is 12206176.

Hex triplet	ba4060	`#ba4060`
RGB Decimal	186, 64, 96	`rgb(186,64,96)`
RGB Percent	72.9, 25.1, 37.6	`rgb(72.9%,25.1%,37.6%)`
CMYK	0, 66, 48, 27
HSL	344.3°, 48.8, 49	`hsl(344.3,48.8%,49%)`
HSV (or HSB)	344.3°, 65.6, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.569, 51.498, 8.493
XYZ	24.195, 14.953, 12.678
xyY	0.467, 0.289, 14.953
CIE-LCH	45.569, 52.193, 9.364
CIE-LUV	45.569, 82.9, 0.801
Hunter-Lab	38.669, 44.017, 7.63
Binary	10111010, 01000000, 01100000

#ba4060
```
#ba4060 rgb(186,64,96)
```
#40ba9a
```
#40ba9a rgb(64,186,154)
```

Complementary Color

#ba409d
```
#ba409d rgb(186,64,157)
```
#ba4060
```
#ba4060 rgb(186,64,96)
```
#ba5d40
```
#ba5d40 rgb(186,93,64)
```

Analogous Color

#409dba
```
#409dba rgb(64,157,186)
```
#ba4060
```
#ba4060 rgb(186,64,96)
```
#40ba5d
```
#40ba5d rgb(64,186,93)
```

Split Complementary Color

#4060ba
```
#4060ba rgb(64,96,186)
```
#ba4060
```
#ba4060 rgb(186,64,96)
```
#60ba40
```
#60ba40 rgb(96,186,64)
```

Triadic Color

#9a40ba
```
#9a40ba rgb(154,64,186)
```
#ba4060
```
#ba4060 rgb(186,64,96)
```
#60ba40
```
#60ba40 rgb(96,186,64)
```
#40ba9a
```
#40ba9a rgb(64,186,154)
```

Tetradic Color

#812c43
```
#812c43 rgb(129,44,67)
```
#94334c
```
#94334c rgb(148,51,76)
```
#a73956
```
#a73956 rgb(167,57,86)
```
#ba4060
```
#ba4060 rgb(186,64,96)
```
#c3516f
```
#c3516f rgb(195,81,111)
```
#c9647e
```
#c9647e rgb(201,100,126)
```
#d0768e
```
#d0768e rgb(208,118,142)
```

Monochromatic Color

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

#ba407f
```
#ba407f rgb(186,64,127)
```
#ba4074
```
#ba4074 rgb(186,64,116)
```
#ba406a
```
#ba406a rgb(186,64,106)
```
#ba4060
```
#ba4060 rgb(186,64,96)
```
#ba4056
```
#ba4056 rgb(186,64,86)
```
#ba404c
```
#ba404c rgb(186,64,76)
```
#ba4042
```
#ba4042 rgb(186,64,66)
```

Similar Colors

Text with hexadecimal color #ba4060

This text has a font color of #ba4060.

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

#ba4060 background color

This paragraph has a background color of #ba4060.

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

#ba4060 border color

This element has a border color of #ba4060.

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

CSS codes

.text {color:#ba4060;}

.background {background-color:#ba4060;}

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

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

#0b0406
```
#0b0406 rgb(11,4,6)
```
#19090d
```
#19090d rgb(25,9,13)
```
#280e15
```
#280e15 rgb(40,14,21)
```
#37131c
```
#37131c rgb(55,19,28)
```
#451824
```
#451824 rgb(69,24,36)
```
#541d2b
```
#541d2b rgb(84,29,43)
```
#622233
```
#622233 rgb(98,34,51)
```
#71273a
```
#71273a rgb(113,39,58)
```
#802c42
```
#802c42 rgb(128,44,66)
```
#8e3149
```
#8e3149 rgb(142,49,73)
```
#9d3651
```
#9d3651 rgb(157,54,81)
```
#ab3b58
```
#ab3b58 rgb(171,59,88)
```
#ba4060
```
#ba4060 rgb(186,64,96)
```

Shade Color Variation

#c14c6b
```
#c14c6b rgb(193,76,107)
```
#c65b77
```
#c65b77 rgb(198,91,119)
```
#cc6983
```
#cc6983 rgb(204,105,131)
```
#d1788f
```
#d1788f rgb(209,120,143)
```
#d6879b
```
#d6879b rgb(214,135,155)
```
#db95a7
```
#db95a7 rgb(219,149,167)
```
#e0a4b3
```
#e0a4b3 rgb(224,164,179)
```
#e5b2c0
```
#e5b2c0 rgb(229,178,192)
```
#eac1cc
```
#eac1cc rgb(234,193,204)
```
#efcfd8
```
#efcfd8 rgb(239,207,216)
```
#f4dee4
```
#f4dee4 rgb(244,222,228)
```
#f9edf0
```
#f9edf0 rgb(249,237,240)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#807a7b
```
#807a7b rgb(128,122,123)
```
#8a7077
```
#8a7077 rgb(138,112,119)
```
#946672
```
#946672 rgb(148,102,114)
```
#9d5d6e
```
#9d5d6e rgb(157,93,110)
```
#a75369
```
#a75369 rgb(167,83,105)
```
#b04a65
```
#b04a65 rgb(176,74,101)
```
#ba4060
```
#ba4060 rgb(186,64,96)
```
#c4365b
```
#c4365b rgb(196,54,91)
```
#cd2d57
```
#cd2d57 rgb(205,45,87)
```
#d72352
```
#d72352 rgb(215,35,82)
```
#e01a4e
```
#e01a4e rgb(224,26,78)
```
#ea1049
```
#ea1049 rgb(234,16,73)
```
#f40645
```
#f40645 rgb(244,6,69)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#786066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72727b Protanopia 1% of men
#856f60 Deuteranopia 1% of men
#bc4e52 Tritanopia 0.001% of the population

Trichromacy

#8c6071 Protanomaly 1% of men, 0.01% of women
#985e60 Deuteranomaly 6% of men, 0.4% of women
#bb4957 Tritanomaly 0.01% of the population

#ba4060 hex color

#ba4060 Color Information

#ba4060 Color Conversion

Color Schemes with #ba4060

Alternatives to #ba4060

#ba4060 Preview

Shades and Tints of #ba4060

Tones of #ba4060

Color Blindness Simulator