#ba283c hex color

In a RGB color space, hex #ba283c is composed of 72.9% red, 15.7% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.5% magenta, 67.7% yellow and 27.1% black. It has a hue angle of 351.8 degrees, a saturation of 64.6% and a lightness of 44.3%. #ba283c color hex could be obtained by blending #ff5078 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 16
- B 24
RGB color chart
- C 0
- M 78
- Y 68
- K 27
CMYK color chart

● #ba283c color description : Strong red.

The hexadecimal color #ba283c has RGB values of R:186, G:40, B:60 and CMYK values of C:0, M:0.78, Y:0.68, K:0.27. Its decimal value is 12199996.

Hex triplet	ba283c	`#ba283c`
RGB Decimal	186, 40, 60	`rgb(186,40,60)`
RGB Percent	72.9, 15.7, 23.5	`rgb(72.9%,15.7%,23.5%)`
CMYK	0, 78, 68, 27
HSL	351.8°, 64.6, 44.3	`hsl(351.8,64.6%,44.3%)`
HSV (or HSB)	351.8°, 78.5, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.666, 57.617, 25.507
XYZ	21.825, 12.286, 5.497
xyY	0.551, 0.31, 12.286
CIE-LCH	41.666, 63.011, 23.879
CIE-LUV	41.666, 105.271, 15.376
Hunter-Lab	35.051, 49.808, 15.237
Binary	10111010, 00101000, 00111100

#ba283c
```
#ba283c rgb(186,40,60)
```
#28baa6
```
#28baa6 rgb(40,186,166)
```

Complementary Color

#ba2885
```
#ba2885 rgb(186,40,133)
```
#ba283c
```
#ba283c rgb(186,40,60)
```
#ba5d28
```
#ba5d28 rgb(186,93,40)
```

Analogous Color

#2885ba
```
#2885ba rgb(40,133,186)
```
#ba283c
```
#ba283c rgb(186,40,60)
```
#28ba5d
```
#28ba5d rgb(40,186,93)
```

Split Complementary Color

#283cba
```
#283cba rgb(40,60,186)
```
#ba283c
```
#ba283c rgb(186,40,60)
```
#3cba28
```
#3cba28 rgb(60,186,40)
```

Triadic Color

#a628ba
```
#a628ba rgb(166,40,186)
```
#ba283c
```
#ba283c rgb(186,40,60)
```
#3cba28
```
#3cba28 rgb(60,186,40)
```
#28baa6
```
#28baa6 rgb(40,186,166)
```

Tetradic Color

#7b1a28
```
#7b1a28 rgb(123,26,40)
```
#901f2e
```
#901f2e rgb(144,31,46)
```
#a52335
```
#a52335 rgb(165,35,53)
```
#ba283c
```
#ba283c rgb(186,40,60)
```
#cf2d43
```
#cf2d43 rgb(207,45,67)
```
#d63f54
```
#d63f54 rgb(214,63,84)
```
#da5467
```
#da5467 rgb(218,84,103)
```

Monochromatic Color

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

#ba2860
```
#ba2860 rgb(186,40,96)
```
#ba2854
```
#ba2854 rgb(186,40,84)
```
#ba2848
```
#ba2848 rgb(186,40,72)
```
#ba283c
```
#ba283c rgb(186,40,60)
```
#ba2830
```
#ba2830 rgb(186,40,48)
```
#ba2c28
```
#ba2c28 rgb(186,44,40)
```
#ba3928
```
#ba3928 rgb(186,57,40)
```

Similar Colors

Text with hexadecimal color #ba283c

This text has a font color of #ba283c.

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

#ba283c background color

This paragraph has a background color of #ba283c.

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

#ba283c border color

This element has a border color of #ba283c.

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

CSS codes

.text {color:#ba283c;}

.background {background-color:#ba283c;}

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

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

#080203
```
#080203 rgb(8,2,3)
```
#190508
```
#190508 rgb(25,5,8)
```
#29090d
```
#29090d rgb(41,9,13)
```
#390c12
```
#390c12 rgb(57,12,18)
```
#491018
```
#491018 rgb(73,16,24)
```
#59131d
```
#59131d rgb(89,19,29)
```
#691722
```
#691722 rgb(105,23,34)
```
#791a27
```
#791a27 rgb(121,26,39)
```
#8a1e2c
```
#8a1e2c rgb(138,30,44)
```
#9a2132
```
#9a2132 rgb(154,33,50)
```
#aa2537
```
#aa2537 rgb(170,37,55)
```
#ba283c
```
#ba283c rgb(186,40,60)
```
#ca2b41
```
#ca2b41 rgb(202,43,65)
```

Shade Color Variation

#d4364b
```
#d4364b rgb(212,54,75)
```
#d7465a
```
#d7465a rgb(215,70,90)
```
#db5668
```
#db5668 rgb(219,86,104)
```
#de6676
```
#de6676 rgb(222,102,118)
```
#e27685
```
#e27685 rgb(226,118,133)
```
#e58693
```
#e58693 rgb(229,134,147)
```
#e996a2
```
#e996a2 rgb(233,150,162)
```
#eca7b0
```
#eca7b0 rgb(236,167,176)
```
#efb7be
```
#efb7be rgb(239,183,190)
```
#f3c7cd
```
#f3c7cd rgb(243,199,205)
```
#f6d7db
```
#f6d7db rgb(246,215,219)
```
#fae7ea
```
#fae7ea rgb(250,231,234)
```
#fdf7f8
```
#fdf7f8 rgb(253,247,248)
```

Tint Color Variation

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

#746e6e
```
#746e6e rgb(116,110,110)
```
#7d6568
```
#7d6568 rgb(125,101,104)
```
#865c62
```
#865c62 rgb(134,92,98)
```
#8f535c
```
#8f535c rgb(143,83,92)
```
#974b55
```
#974b55 rgb(151,75,85)
```
#a0424f
```
#a0424f rgb(160,66,79)
```
#a93949
```
#a93949 rgb(169,57,73)
```
#b13142
```
#b13142 rgb(177,49,66)
```
#ba283c
```
#ba283c rgb(186,40,60)
```
#c31f36
```
#c31f36 rgb(195,31,54)
```
#cb172f
```
#cb172f rgb(203,23,47)
```
#d40e29
```
#d40e29 rgb(212,14,41)
```
#dd0523
```
#dd0523 rgb(221,5,35)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6a4d51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706a59 Protanopia 1% of men
#81653c Deuteranopia 1% of men
#bd3637 Tritanopia 0.001% of the population

Trichromacy

#8b524e Protanomaly 1% of men, 0.01% of women
#954f3c Deuteranomaly 6% of men, 0.4% of women
#bb3039 Tritanomaly 0.01% of the population

#ba283c hex color

#ba283c Color Information

#ba283c Color Conversion

Color Schemes with #ba283c

Alternatives to #ba283c

#ba283c Preview

Shades and Tints of #ba283c

Tones of #ba283c

Color Blindness Simulator