#ba263a hex color

In a RGB color space, hex #ba263a is composed of 72.9% red, 14.9% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 68.8% yellow and 27.1% black. It has a hue angle of 351.9 degrees, a saturation of 66.1% and a lightness of 43.9%. #ba263a color hex could be obtained by blending #ff4c74 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 15
- B 23
RGB color chart
- C 0
- M 80
- Y 69
- K 27
CMYK color chart

● #ba263a color description : Strong red.

The hexadecimal color #ba263a has RGB values of R:186, G:38, B:58 and CMYK values of C:0, M:0.8, Y:0.69, K:0.27. Its decimal value is 12199482.

Hex triplet	ba263a	`#ba263a`
RGB Decimal	186, 38, 58	`rgb(186,38,58)`
RGB Percent	72.9, 14.9, 22.7	`rgb(72.9%,14.9%,22.7%)`
CMYK	0, 80, 69, 27
HSL	351.9°, 66.1, 43.9	`hsl(351.9,66.1%,43.9%)`
HSV (or HSB)	351.9°, 79.6, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.427, 58.097, 26.442
XYZ	21.708, 12.133, 5.202
xyY	0.556, 0.311, 12.133
CIE-LCH	41.427, 63.831, 24.472
CIE-LUV	41.427, 106.675, 15.932
Hunter-Lab	34.833, 50.281, 15.529
Binary	10111010, 00100110, 00111010

#ba263a
```
#ba263a rgb(186,38,58)
```
#26baa6
```
#26baa6 rgb(38,186,166)
```

Complementary Color

#ba2684
```
#ba2684 rgb(186,38,132)
```
#ba263a
```
#ba263a rgb(186,38,58)
```
#ba5c26
```
#ba5c26 rgb(186,92,38)
```

Analogous Color

#2684ba
```
#2684ba rgb(38,132,186)
```
#ba263a
```
#ba263a rgb(186,38,58)
```
#26ba5c
```
#26ba5c rgb(38,186,92)
```

Split Complementary Color

#263aba
```
#263aba rgb(38,58,186)
```
#ba263a
```
#ba263a rgb(186,38,58)
```
#3aba26
```
#3aba26 rgb(58,186,38)
```

Triadic Color

#a626ba
```
#a626ba rgb(166,38,186)
```
#ba263a
```
#ba263a rgb(186,38,58)
```
#3aba26
```
#3aba26 rgb(58,186,38)
```
#26baa6
```
#26baa6 rgb(38,186,166)
```

Tetradic Color

#7a1926
```
#7a1926 rgb(122,25,38)
```
#901d2d
```
#901d2d rgb(144,29,45)
```
#a52233
```
#a52233 rgb(165,34,51)
```
#ba263a
```
#ba263a rgb(186,38,58)
```
#cf2a41
```
#cf2a41 rgb(207,42,65)
```
#d73c51
```
#d73c51 rgb(215,60,81)
```
#db5164
```
#db5164 rgb(219,81,100)
```

Monochromatic Color

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

#ba265f
```
#ba265f rgb(186,38,95)
```
#ba2653
```
#ba2653 rgb(186,38,83)
```
#ba2646
```
#ba2646 rgb(186,38,70)
```
#ba263a
```
#ba263a rgb(186,38,58)
```
#ba262e
```
#ba262e rgb(186,38,46)
```
#ba2b26
```
#ba2b26 rgb(186,43,38)
```
#ba3726
```
#ba3726 rgb(186,55,38)
```

Similar Colors

Text with hexadecimal color #ba263a

This text has a font color of #ba263a.

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

#ba263a background color

This paragraph has a background color of #ba263a.

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

#ba263a border color

This element has a border color of #ba263a.

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

CSS codes

.text {color:#ba263a;}

.background {background-color:#ba263a;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#170507
```
#170507 rgb(23,5,7)
```
#27080c
```
#27080c rgb(39,8,12)
```
#380b11
```
#380b11 rgb(56,11,17)
```
#480f16
```
#480f16 rgb(72,15,22)
```
#58121c
```
#58121c rgb(88,18,28)
```
#691521
```
#691521 rgb(105,21,33)
```
#791926
```
#791926 rgb(121,25,38)
```
#891c2b
```
#891c2b rgb(137,28,43)
```
#991f30
```
#991f30 rgb(153,31,48)
```
#aa2335
```
#aa2335 rgb(170,35,53)
```
#ba263a
```
#ba263a rgb(186,38,58)
```
#ca293f
```
#ca293f rgb(202,41,63)
```

Shade Color Variation

#d53248
```
#d53248 rgb(213,50,72)
```
#d84257
```
#d84257 rgb(216,66,87)
```
#dc5365
```
#dc5365 rgb(220,83,101)
```
#df6374
```
#df6374 rgb(223,99,116)
```
#e27382
```
#e27382 rgb(226,115,130)
```
#e68491
```
#e68491 rgb(230,132,145)
```
#e9949f
```
#e9949f rgb(233,148,159)
```
#eca4ae
```
#eca4ae rgb(236,164,174)
```
#f0b4bc
```
#f0b4bc rgb(240,180,188)
```
#f3c5cb
```
#f3c5cb rgb(243,197,203)
```
#f6d5d9
```
#f6d5d9 rgb(246,213,217)
```
#fae5e8
```
#fae5e8 rgb(250,229,232)
```
#fdf6f7
```
#fdf6f7 rgb(253,246,247)
```

Tint Color Variation

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

#756b6c
```
#756b6c rgb(117,107,108)
```
#7e6266
```
#7e6266 rgb(126,98,102)
```
#865a60
```
#865a60 rgb(134,90,96)
```
#8f5159
```
#8f5159 rgb(143,81,89)
```
#984853
```
#984853 rgb(152,72,83)
```
#a0404d
```
#a0404d rgb(160,64,77)
```
#a93747
```
#a93747 rgb(169,55,71)
```
#b12f40
```
#b12f40 rgb(177,47,64)
```
#ba263a
```
#ba263a rgb(186,38,58)
```
#c31d34
```
#c31d34 rgb(195,29,52)
```
#cb152d
```
#cb152d rgb(203,21,45)
```
#d40c27
```
#d40c27 rgb(212,12,39)
```
#dc0421
```
#dc0421 rgb(220,4,33)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#694c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6957 Protanopia 1% of men
#80653a Deuteranopia 1% of men
#bd3435 Tritanopia 0.001% of the population

Trichromacy

#8a514c Protanomaly 1% of men, 0.01% of women
#954e3a Deuteranomaly 6% of men, 0.4% of women
#bb2f37 Tritanomaly 0.01% of the population

#ba263a hex color

#ba263a Color Information

#ba263a Color Conversion

Color Schemes with #ba263a

Alternatives to #ba263a

#ba263a Preview

Shades and Tints of #ba263a

Tones of #ba263a

Color Blindness Simulator