#ba2d3f hex color

In a RGB color space, hex #ba2d3f is composed of 72.9% red, 17.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.8% magenta, 66.1% yellow and 27.1% black. It has a hue angle of 352.3 degrees, a saturation of 61% and a lightness of 45.3%. #ba2d3f color hex could be obtained by blending #ff5a7e with #750000. Closest websafe color is: #cc3333.

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

● #ba2d3f color description : Strong red.

The hexadecimal color #ba2d3f has RGB values of R:186, G:45, B:63 and CMYK values of C:0, M:0.76, Y:0.66, K:0.27. Its decimal value is 12201279.

Hex triplet	ba2d3f	`#ba2d3f`
RGB Decimal	186, 45, 63	`rgb(186,45,63)`
RGB Percent	72.9, 17.6, 24.7	`rgb(72.9%,17.6%,24.7%)`
CMYK	0, 76, 66, 27
HSL	352.3°, 61, 45.3	`hsl(352.3,61%,45.3%)`
HSV (or HSB)	352.3°, 75.8, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.273, 56.219, 24.421
XYZ	22.086, 12.677, 5.986
xyY	0.542, 0.311, 12.677
CIE-LCH	42.273, 61.294, 23.48
CIE-LUV	42.273, 102.175, 14.998
Hunter-Lab	35.605, 48.416, 14.955
Binary	10111010, 00101101, 00111111

#ba2d3f
```
#ba2d3f rgb(186,45,63)
```
#2dbaa8
```
#2dbaa8 rgb(45,186,168)
```

Complementary Color

#ba2d86
```
#ba2d86 rgb(186,45,134)
```
#ba2d3f
```
#ba2d3f rgb(186,45,63)
```
#ba622d
```
#ba622d rgb(186,98,45)
```

Analogous Color

#2d86ba
```
#2d86ba rgb(45,134,186)
```
#ba2d3f
```
#ba2d3f rgb(186,45,63)
```
#2dba62
```
#2dba62 rgb(45,186,98)
```

Split Complementary Color

#2d3fba
```
#2d3fba rgb(45,63,186)
```
#ba2d3f
```
#ba2d3f rgb(186,45,63)
```
#3fba2d
```
#3fba2d rgb(63,186,45)
```

Triadic Color

#a82dba
```
#a82dba rgb(168,45,186)
```
#ba2d3f
```
#ba2d3f rgb(186,45,63)
```
#3fba2d
```
#3fba2d rgb(63,186,45)
```
#2dbaa8
```
#2dbaa8 rgb(45,186,168)
```

Tetradic Color

#7c1e2a
```
#7c1e2a rgb(124,30,42)
```
#912331
```
#912331 rgb(145,35,49)
```
#a52838
```
#a52838 rgb(165,40,56)
```
#ba2d3f
```
#ba2d3f rgb(186,45,63)
```
#ce3347
```
#ce3347 rgb(206,51,71)
```
#d34759
```
#d34759 rgb(211,71,89)
```
#d85c6c
```
#d85c6c rgb(216,92,108)
```

Monochromatic Color

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

#ba2d62
```
#ba2d62 rgb(186,45,98)
```
#ba2d57
```
#ba2d57 rgb(186,45,87)
```
#ba2d4b
```
#ba2d4b rgb(186,45,75)
```
#ba2d3f
```
#ba2d3f rgb(186,45,63)
```
#ba2d33
```
#ba2d33 rgb(186,45,51)
```
#ba332d
```
#ba332d rgb(186,51,45)
```
#ba3e2d
```
#ba3e2d rgb(186,62,45)
```

Similar Colors

Text with hexadecimal color #ba2d3f

This text has a font color of #ba2d3f.

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

#ba2d3f background color

This paragraph has a background color of #ba2d3f.

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

#ba2d3f border color

This element has a border color of #ba2d3f.

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

CSS codes

.text {color:#ba2d3f;}

.background {background-color:#ba2d3f;}

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

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

#0c0304
```
#0c0304 rgb(12,3,4)
```
#1c070a
```
#1c070a rgb(28,7,10)
```
#2c0b0f
```
#2c0b0f rgb(44,11,15)
```
#3c0e14
```
#3c0e14 rgb(60,14,20)
```
#4b121a
```
#4b121a rgb(75,18,26)
```
#5b161f
```
#5b161f rgb(91,22,31)
```
#6b1a24
```
#6b1a24 rgb(107,26,36)
```
#7b1e2a
```
#7b1e2a rgb(123,30,42)
```
#8b222f
```
#8b222f rgb(139,34,47)
```
#9a2534
```
#9a2534 rgb(154,37,52)
```
#aa293a
```
#aa293a rgb(170,41,58)
```
#ba2d3f
```
#ba2d3f rgb(186,45,63)
```
#ca3144
```
#ca3144 rgb(202,49,68)
```

Shade Color Variation

#d03e51
```
#d03e51 rgb(208,62,81)
```
#d44e5f
```
#d44e5f rgb(212,78,95)
```
#d85e6d
```
#d85e6d rgb(216,94,109)
```
#dc6d7b
```
#dc6d7b rgb(220,109,123)
```
#e07d8a
```
#e07d8a rgb(224,125,138)
```
#e38d98
```
#e38d98 rgb(227,141,152)
```
#e79da6
```
#e79da6 rgb(231,157,166)
```
#ebacb4
```
#ebacb4 rgb(235,172,180)
```
#efbcc3
```
#efbcc3 rgb(239,188,195)
```
#f3ccd1
```
#f3ccd1 rgb(243,204,209)
```
#f7dcdf
```
#f7dcdf rgb(247,220,223)
```
#faecee
```
#faecee rgb(250,236,238)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#7c6b6d
```
#7c6b6d rgb(124,107,109)
```
#856267
```
#856267 rgb(133,98,103)
```
#8e5960
```
#8e5960 rgb(142,89,96)
```
#965159
```
#965159 rgb(150,81,89)
```
#9f4853
```
#9f4853 rgb(159,72,83)
```
#a83f4c
```
#a83f4c rgb(168,63,76)
```
#b13646
```
#b13646 rgb(177,54,70)
```
#ba2d3f
```
#ba2d3f rgb(186,45,63)
```
#c32438
```
#c32438 rgb(195,36,56)
```
#cc1b32
```
#cc1b32 rgb(204,27,50)
```
#d5122b
```
#d5122b rgb(213,18,43)
```
#de0925
```
#de0925 rgb(222,9,37)
```
#e6011e
```
#e6011e rgb(230,1,30)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6c5054 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716b5b Protanopia 1% of men
#82673f Deuteranopia 1% of men
#bd3a3c Tritanopia 0.001% of the population

Trichromacy

#8b5451 Protanomaly 1% of men, 0.01% of women
#96523f Deuteranomaly 6% of men, 0.4% of women
#bb353d Tritanomaly 0.01% of the population

#ba2d3f hex color

#ba2d3f Color Information

#ba2d3f Color Conversion

Color Schemes with #ba2d3f

Alternatives to #ba2d3f

#ba2d3f Preview

Shades and Tints of #ba2d3f

Tones of #ba2d3f

Color Blindness Simulator