#ba2f48 hex color

In a RGB color space, hex #ba2f48 is composed of 72.9% red, 18.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.7% magenta, 61.3% yellow and 27.1% black. It has a hue angle of 349.2 degrees, a saturation of 59.7% and a lightness of 45.7%. #ba2f48 color hex could be obtained by blending #ff5e90 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 18
- B 28
RGB color chart
- C 0
- M 75
- Y 61
- K 27
CMYK color chart

● #ba2f48 color description : Moderate red.

The hexadecimal color #ba2f48 has RGB values of R:186, G:47, B:72 and CMYK values of C:0, M:0.75, Y:0.61, K:0.27. Its decimal value is 12201800.

Hex triplet	ba2f48	`#ba2f48`
RGB Decimal	186, 47, 72	`rgb(186,47,72)`
RGB Percent	72.9, 18.4, 28.2	`rgb(72.9%,18.4%,28.2%)`
CMYK	0, 75, 61, 27
HSL	349.2°, 59.7, 45.7	`hsl(349.2,59.7%,45.7%)`
HSV (or HSB)	349.2°, 74.7, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.677, 56.097, 19.375
XYZ	22.437, 12.943, 7.447
xyY	0.524, 0.302, 12.943
CIE-LCH	42.677, 59.349, 19.054
CIE-LUV	42.677, 98.644, 10.657
Hunter-Lab	35.976, 48.367, 12.91
Binary	10111010, 00101111, 01001000

#ba2f48
```
#ba2f48 rgb(186,47,72)
```
#2fbaa1
```
#2fbaa1 rgb(47,186,161)
```

Complementary Color

#ba2f8e
```
#ba2f8e rgb(186,47,142)
```
#ba2f48
```
#ba2f48 rgb(186,47,72)
```
#ba5c2f
```
#ba5c2f rgb(186,92,47)
```

Analogous Color

#2f8eba
```
#2f8eba rgb(47,142,186)
```
#ba2f48
```
#ba2f48 rgb(186,47,72)
```
#2fba5c
```
#2fba5c rgb(47,186,92)
```

Split Complementary Color

#2f48ba
```
#2f48ba rgb(47,72,186)
```
#ba2f48
```
#ba2f48 rgb(186,47,72)
```
#48ba2f
```
#48ba2f rgb(72,186,47)
```

Triadic Color

#a12fba
```
#a12fba rgb(161,47,186)
```
#ba2f48
```
#ba2f48 rgb(186,47,72)
```
#48ba2f
```
#48ba2f rgb(72,186,47)
```
#2fbaa1
```
#2fbaa1 rgb(47,186,161)
```

Tetradic Color

#7d2030
```
#7d2030 rgb(125,32,48)
```
#912538
```
#912538 rgb(145,37,56)
```
#a62a40
```
#a62a40 rgb(166,42,64)
```
#ba2f48
```
#ba2f48 rgb(186,47,72)
```
#cc3651
```
#cc3651 rgb(204,54,81)
```
#d14b63
```
#d14b63 rgb(209,75,99)
```
#d75f74
```
#d75f74 rgb(215,95,116)
```

Monochromatic Color

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

#ba2f6b
```
#ba2f6b rgb(186,47,107)
```
#ba2f5f
```
#ba2f5f rgb(186,47,95)
```
#ba2f54
```
#ba2f54 rgb(186,47,84)
```
#ba2f48
```
#ba2f48 rgb(186,47,72)
```
#ba2f3c
```
#ba2f3c rgb(186,47,60)
```
#ba2f31
```
#ba2f31 rgb(186,47,49)
```
#ba392f
```
#ba392f rgb(186,57,47)
```

Similar Colors

Text with hexadecimal color #ba2f48

This text has a font color of #ba2f48.

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

#ba2f48 background color

This paragraph has a background color of #ba2f48.

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

#ba2f48 border color

This element has a border color of #ba2f48.

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

CSS codes

.text {color:#ba2f48;}

.background {background-color:#ba2f48;}

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

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

#0e0305
```
#0e0305 rgb(14,3,5)
```
#1d070b
```
#1d070b rgb(29,7,11)
```
#2d0b11
```
#2d0b11 rgb(45,11,17)
```
#3d0f18
```
#3d0f18 rgb(61,15,24)
```
#4c131e
```
#4c131e rgb(76,19,30)
```
#5c1724
```
#5c1724 rgb(92,23,36)
```
#6c1b2a
```
#6c1b2a rgb(108,27,42)
```
#7b1f30
```
#7b1f30 rgb(123,31,48)
```
#8b2336
```
#8b2336 rgb(139,35,54)
```
#9b273c
```
#9b273c rgb(155,39,60)
```
#aa2b42
```
#aa2b42 rgb(170,43,66)
```
#ba2f48
```
#ba2f48 rgb(186,47,72)
```
#ca334e
```
#ca334e rgb(202,51,78)
```

Shade Color Variation

#cf415b
```
#cf415b rgb(207,65,91)
```
#d35168
```
#d35168 rgb(211,81,104)
```
#d76176
```
#d76176 rgb(215,97,118)
```
#db7083
```
#db7083 rgb(219,112,131)
```
#df8091
```
#df8091 rgb(223,128,145)
```
#e38f9e
```
#e38f9e rgb(227,143,158)
```
#e79fac
```
#e79fac rgb(231,159,172)
```
#ebafba
```
#ebafba rgb(235,175,186)
```
#efbec7
```
#efbec7 rgb(239,190,199)
```
#f3ced5
```
#f3ced5 rgb(243,206,213)
```
#f7dee2
```
#f7dee2 rgb(247,222,226)
```
#fbedf0
```
#fbedf0 rgb(251,237,240)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#7b6e70
```
#7b6e70 rgb(123,110,112)
```
#84656a
```
#84656a rgb(132,101,106)
```
#8d5c65
```
#8d5c65 rgb(141,92,101)
```
#96535f
```
#96535f rgb(150,83,95)
```
#9f4a59
```
#9f4a59 rgb(159,74,89)
```
#a84153
```
#a84153 rgb(168,65,83)
```
#b1384e
```
#b1384e rgb(177,56,78)
```
#ba2f48
```
#ba2f48 rgb(186,47,72)
```
#c32642
```
#c32642 rgb(195,38,66)
```
#cc1d3d
```
#cc1d3d rgb(204,29,61)
```
#d51437
```
#d51437 rgb(213,20,55)
```
#de0b31
```
#de0b31 rgb(222,11,49)
```
#e7022b
```
#e7022b rgb(231,2,43)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e5257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706c65 Protanopia 1% of men
#816848 Deuteranopia 1% of men
#bc3d40 Tritanopia 0.001% of the population

Trichromacy

#8b565a Protanomaly 1% of men, 0.01% of women
#965348 Deuteranomaly 6% of men, 0.4% of women
#bb3842 Tritanomaly 0.01% of the population

#ba2f48 hex color

#ba2f48 Color Information

#ba2f48 Color Conversion

Color Schemes with #ba2f48

Alternatives to #ba2f48

#ba2f48 Preview

Shades and Tints of #ba2f48

Tones of #ba2f48

Color Blindness Simulator