#ba283b hex color

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

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

● #ba283b color description : Strong red.

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

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

CIE-LAB	41.65, 57.565, 26.102
XYZ	21.799, 12.275, 5.359
xyY	0.553, 0.311, 12.275
CIE-LCH	41.65, 63.207, 24.391
CIE-LUV	41.65, 105.545, 15.863
Hunter-Lab	35.036, 49.748, 15.456
Binary	10111010, 00101000, 00111011

#ba283b
```
#ba283b rgb(186,40,59)
```
#28baa7
```
#28baa7 rgb(40,186,167)
```

Complementary Color

#ba2884
```
#ba2884 rgb(186,40,132)
```
#ba283b
```
#ba283b rgb(186,40,59)
```
#ba5e28
```
#ba5e28 rgb(186,94,40)
```

Analogous Color

#2884ba
```
#2884ba rgb(40,132,186)
```
#ba283b
```
#ba283b rgb(186,40,59)
```
#28ba5e
```
#28ba5e rgb(40,186,94)
```

Split Complementary Color

#283bba
```
#283bba rgb(40,59,186)
```
#ba283b
```
#ba283b rgb(186,40,59)
```
#3bba28
```
#3bba28 rgb(59,186,40)
```

Triadic Color

#a728ba
```
#a728ba rgb(167,40,186)
```
#ba283b
```
#ba283b rgb(186,40,59)
```
#3bba28
```
#3bba28 rgb(59,186,40)
```
#28baa7
```
#28baa7 rgb(40,186,167)
```

Tetradic Color

#7b1a27
```
#7b1a27 rgb(123,26,39)
```
#901f2e
```
#901f2e rgb(144,31,46)
```
#a52334
```
#a52334 rgb(165,35,52)
```
#ba283b
```
#ba283b rgb(186,40,59)
```
#cf2d42
```
#cf2d42 rgb(207,45,66)
```
#d63f53
```
#d63f53 rgb(214,63,83)
```
#da5466
```
#da5466 rgb(218,84,102)
```

Monochromatic Color

Below, you can see some colors close to #ba283b. 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)
```
#ba2853
```
#ba2853 rgb(186,40,83)
```
#ba2847
```
#ba2847 rgb(186,40,71)
```
#ba283b
```
#ba283b rgb(186,40,59)
```
#ba282f
```
#ba282f rgb(186,40,47)
```
#ba2d28
```
#ba2d28 rgb(186,45,40)
```
#ba3a28
```
#ba3a28 rgb(186,58,40)
```

Similar Colors

Text with hexadecimal color #ba283b

This text has a font color of #ba283b.

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

#ba283b background color

This paragraph has a background color of #ba283b.

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

#ba283b border color

This element has a border color of #ba283b.

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

CSS codes

.text {color:#ba283b;}

.background {background-color:#ba283b;}

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

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)
```
#491017
```
#491017 rgb(73,16,23)
```
#59131c
```
#59131c rgb(89,19,28)
```
#691721
```
#691721 rgb(105,23,33)
```
#791a27
```
#791a27 rgb(121,26,39)
```
#8a1e2c
```
#8a1e2c rgb(138,30,44)
```
#9a2131
```
#9a2131 rgb(154,33,49)
```
#aa2536
```
#aa2536 rgb(170,37,54)
```
#ba283b
```
#ba283b rgb(186,40,59)
```
#ca2b40
```
#ca2b40 rgb(202,43,64)
```

Shade Color Variation

#d4364a
```
#d4364a rgb(212,54,74)
```
#d74659
```
#d74659 rgb(215,70,89)
```
#db5667
```
#db5667 rgb(219,86,103)
```
#de6676
```
#de6676 rgb(222,102,118)
```
#e27684
```
#e27684 rgb(226,118,132)
```
#e58693
```
#e58693 rgb(229,134,147)
```
#e996a1
```
#e996a1 rgb(233,150,161)
```
#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 #dd0521 is the most saturated one.

#746e6e
```
#746e6e rgb(116,110,110)
```
#7d6568
```
#7d6568 rgb(125,101,104)
```
#865c62
```
#865c62 rgb(134,92,98)
```
#8f535b
```
#8f535b rgb(143,83,91)
```
#974b55
```
#974b55 rgb(151,75,85)
```
#a0424e
```
#a0424e rgb(160,66,78)
```
#a93948
```
#a93948 rgb(169,57,72)
```
#b13141
```
#b13141 rgb(177,49,65)
```
#ba283b
```
#ba283b rgb(186,40,59)
```
#c31f35
```
#c31f35 rgb(195,31,53)
```
#cb172e
```
#cb172e rgb(203,23,46)
```
#d40e28
```
#d40e28 rgb(212,14,40)
```
#dd0521
```
#dd0521 rgb(221,5,33)
```

Tone Color Variation

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

#706a58 Protanopia 1% of men
#81653b Deuteranopia 1% of men
#bd3537 Tritanopia 0.001% of the population

Trichromacy

#8b524d Protanomaly 1% of men, 0.01% of women
#954f3b Deuteranomaly 6% of men, 0.4% of women
#bb3038 Tritanomaly 0.01% of the population

#ba283b hex color

#ba283b Color Information

#ba283b Color Conversion

Color Schemes with #ba283b

Alternatives to #ba283b

#ba283b Preview

Shades and Tints of #ba283b

Tones of #ba283b

Color Blindness Simulator