#ba314e hex color

In a RGB color space, hex #ba314e is composed of 72.9% red, 19.2% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.7% magenta, 58.1% yellow and 27.1% black. It has a hue angle of 347.3 degrees, a saturation of 58.3% and a lightness of 46.1%. #ba314e color hex could be obtained by blending #ff629c with #750000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 19
- B 31
RGB color chart
- C 0
- M 74
- Y 58
- K 27
CMYK color chart

● #ba314e color description : Moderate red.

The hexadecimal color #ba314e has RGB values of R:186, G:49, B:78 and CMYK values of C:0, M:0.74, Y:0.58, K:0.27. Its decimal value is 12202318.

Hex triplet	ba314e	`#ba314e`
RGB Decimal	186, 49, 78	`rgb(186,49,78)`
RGB Percent	72.9, 19.2, 30.6	`rgb(72.9%,19.2%,30.6%)`
CMYK	0, 74, 58, 27
HSL	347.3°, 58.3, 46.1	`hsl(347.3,58.3%,46.1%)`
HSV (or HSB)	347.3°, 73.7, 72.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.046, 55.82, 16.137
XYZ	22.724, 13.188, 8.556
xyY	0.511, 0.297, 13.188
CIE-LCH	43.046, 58.105, 16.124
CIE-LUV	43.046, 95.875, 7.687
Hunter-Lab	36.316, 48.141, 11.452
Binary	10111010, 00110001, 01001110

#ba314e
```
#ba314e rgb(186,49,78)
```
#31ba9d
```
#31ba9d rgb(49,186,157)
```

Complementary Color

#ba3193
```
#ba3193 rgb(186,49,147)
```
#ba314e
```
#ba314e rgb(186,49,78)
```
#ba5831
```
#ba5831 rgb(186,88,49)
```

Analogous Color

#3193ba
```
#3193ba rgb(49,147,186)
```
#ba314e
```
#ba314e rgb(186,49,78)
```
#31ba58
```
#31ba58 rgb(49,186,88)
```

Split Complementary Color

#314eba
```
#314eba rgb(49,78,186)
```
#ba314e
```
#ba314e rgb(186,49,78)
```
#4eba31
```
#4eba31 rgb(78,186,49)
```

Triadic Color

#9d31ba
```
#9d31ba rgb(157,49,186)
```
#ba314e
```
#ba314e rgb(186,49,78)
```
#4eba31
```
#4eba31 rgb(78,186,49)
```
#31ba9d
```
#31ba9d rgb(49,186,157)
```

Tetradic Color

#7d2135
```
#7d2135 rgb(125,33,53)
```
#92263d
```
#92263d rgb(146,38,61)
```
#a62c46
```
#a62c46 rgb(166,44,70)
```
#ba314e
```
#ba314e rgb(186,49,78)
```
#cb3a58
```
#cb3a58 rgb(203,58,88)
```
#d04e69
```
#d04e69 rgb(208,78,105)
```
#d6627a
```
#d6627a rgb(214,98,122)
```

Monochromatic Color

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

#ba3170
```
#ba3170 rgb(186,49,112)
```
#ba3165
```
#ba3165 rgb(186,49,101)
```
#ba3159
```
#ba3159 rgb(186,49,89)
```
#ba314e
```
#ba314e rgb(186,49,78)
```
#ba3143
```
#ba3143 rgb(186,49,67)
```
#ba3137
```
#ba3137 rgb(186,49,55)
```
#ba3631
```
#ba3631 rgb(186,54,49)
```

Similar Colors

Text with hexadecimal color #ba314e

This text has a font color of #ba314e.

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

#ba314e background color

This paragraph has a background color of #ba314e.

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

#ba314e border color

This element has a border color of #ba314e.

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

CSS codes

.text {color:#ba314e;}

.background {background-color:#ba314e;}

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

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

#0f0406
```
#0f0406 rgb(15,4,6)
```
#1f080d
```
#1f080d rgb(31,8,13)
```
#2e0c13
```
#2e0c13 rgb(46,12,19)
```
#3e101a
```
#3e101a rgb(62,16,26)
```
#4d1420
```
#4d1420 rgb(77,20,32)
```
#5d1827
```
#5d1827 rgb(93,24,39)
```
#6c1d2d
```
#6c1d2d rgb(108,29,45)
```
#7c2134
```
#7c2134 rgb(124,33,52)
```
#8b253a
```
#8b253a rgb(139,37,58)
```
#9b2941
```
#9b2941 rgb(155,41,65)
```
#aa2d47
```
#aa2d47 rgb(170,45,71)
```
#ba314e
```
#ba314e rgb(186,49,78)
```
#ca3555
```
#ca3555 rgb(202,53,85)
```

Shade Color Variation

#ce4461
```
#ce4461 rgb(206,68,97)
```
#d2546f
```
#d2546f rgb(210,84,111)
```
#d6637c
```
#d6637c rgb(214,99,124)
```
#da7389
```
#da7389 rgb(218,115,137)
```
#de8296
```
#de8296 rgb(222,130,150)
```
#e292a3
```
#e292a3 rgb(226,146,163)
```
#e6a2b0
```
#e6a2b0 rgb(230,162,176)
```
#eab1bd
```
#eab1bd rgb(234,177,189)
```
#efc1ca
```
#efc1ca rgb(239,193,202)
```
#f3d0d7
```
#f3d0d7 rgb(243,208,215)
```
#f7e0e5
```
#f7e0e5 rgb(247,224,229)
```
#fbeff2
```
#fbeff2 rgb(251,239,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7072
```
#7b7072 rgb(123,112,114)
```
#84676d
```
#84676d rgb(132,103,109)
```
#8d5e68
```
#8d5e68 rgb(141,94,104)
```
#965563
```
#965563 rgb(150,85,99)
```
#9f4c5e
```
#9f4c5e rgb(159,76,94)
```
#a84358
```
#a84358 rgb(168,67,88)
```
#b13a53
```
#b13a53 rgb(177,58,83)
```
#ba314e
```
#ba314e rgb(186,49,78)
```
#c32849
```
#c32849 rgb(195,40,73)
```
#cc1f44
```
#cc1f44 rgb(204,31,68)
```
#d5163e
```
#d5163e rgb(213,22,62)
```
#de0d39
```
#de0d39 rgb(222,13,57)
```
#e70434
```
#e70434 rgb(231,4,52)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#70545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6d6b Protanopia 1% of men
#81694e Deuteranopia 1% of men
#bc3f42 Tritanopia 0.001% of the population

Trichromacy

#8a5761 Protanomaly 1% of men, 0.01% of women
#96544e Deuteranomaly 6% of men, 0.4% of women
#bb3a46 Tritanomaly 0.01% of the population

#ba314e hex color

#ba314e Color Information

#ba314e Color Conversion

Color Schemes with #ba314e

Alternatives to #ba314e

#ba314e Preview

Shades and Tints of #ba314e

Tones of #ba314e

Color Blindness Simulator