#ba421c hex color

In a RGB color space, hex #ba421c is composed of 72.9% red, 25.9% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.5% magenta, 84.9% yellow and 27.1% black. It has a hue angle of 14.4 degrees, a saturation of 73.8% and a lightness of 42%. #ba421c color hex could be obtained by blending #ff8438 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 26
- B 11
RGB color chart
- C 0
- M 65
- Y 85
- K 27
CMYK color chart

● #ba421c color description : Strong red.

The hexadecimal color #ba421c has RGB values of R:186, G:66, B:28 and CMYK values of C:0, M:0.65, Y:0.85, K:0.27. Its decimal value is 12206620.

Hex triplet	ba421c	`#ba421c`
RGB Decimal	186, 66, 28	`rgb(186,66,28)`
RGB Percent	72.9, 25.9, 11	`rgb(72.9%,25.9%,11%)`
CMYK	0, 65, 85, 27
HSL	14.4°, 73.8, 42	`hsl(14.4,73.8%,42%)`
HSV (or HSB)	14.4°, 84.9, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.832, 46.677, 46.544
XYZ	22.409, 14.422, 2.702
xyY	0.567, 0.365, 14.422
CIE-LCH	44.832, 65.917, 44.918
CIE-LUV	44.832, 96.329, 33.506
Hunter-Lab	37.976, 38.869, 22.364
Binary	10111010, 01000010, 00011100

#ba421c
```
#ba421c rgb(186,66,28)
```
#1c94ba
```
#1c94ba rgb(28,148,186)
```

Complementary Color

#ba1c45
```
#ba1c45 rgb(186,28,69)
```
#ba421c
```
#ba421c rgb(186,66,28)
```
#ba911c
```
#ba911c rgb(186,145,28)
```

Analogous Color

#1c45ba
```
#1c45ba rgb(28,69,186)
```
#ba421c
```
#ba421c rgb(186,66,28)
```
#1cba91
```
#1cba91 rgb(28,186,145)
```

Split Complementary Color

#421cba
```
#421cba rgb(66,28,186)
```
#ba421c
```
#ba421c rgb(186,66,28)
```
#1cba42
```
#1cba42 rgb(28,186,66)
```

Triadic Color

#ba1c94
```
#ba1c94 rgb(186,28,148)
```
#ba421c
```
#ba421c rgb(186,66,28)
```
#1cba42
```
#1cba42 rgb(28,186,66)
```
#1c94ba
```
#1c94ba rgb(28,148,186)
```

Tetradic Color

#782a12
```
#782a12 rgb(120,42,18)
```
#8e3215
```
#8e3215 rgb(142,50,21)
```
#a43a19
```
#a43a19 rgb(164,58,25)
```
#ba421c
```
#ba421c rgb(186,66,28)
```
#d04a1f
```
#d04a1f rgb(208,74,31)
```
#df562a
```
#df562a rgb(223,86,42)
```
#e26740
```
#e26740 rgb(226,103,64)
```

Monochromatic Color

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

#ba1c1e
```
#ba1c1e rgb(186,28,30)
```
#ba281c
```
#ba281c rgb(186,40,28)
```
#ba351c
```
#ba351c rgb(186,53,28)
```
#ba421c
```
#ba421c rgb(186,66,28)
```
#ba4f1c
```
#ba4f1c rgb(186,79,28)
```
#ba5c1c
```
#ba5c1c rgb(186,92,28)
```
#ba6a1c
```
#ba6a1c rgb(186,106,28)
```

Similar Colors

Text with hexadecimal color #ba421c

This text has a font color of #ba421c.

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

#ba421c background color

This paragraph has a background color of #ba421c.

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

#ba421c border color

This element has a border color of #ba421c.

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

CSS codes

.text {color:#ba421c;}

.background {background-color:#ba421c;}

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

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

#100602
```
#100602 rgb(16,6,2)
```
#210c05
```
#210c05 rgb(33,12,5)
```
#321207
```
#321207 rgb(50,18,7)
```
#43180a
```
#43180a rgb(67,24,10)
```
#541e0d
```
#541e0d rgb(84,30,13)
```
#65240f
```
#65240f rgb(101,36,15)
```
#762a12
```
#762a12 rgb(118,42,18)
```
#873014
```
#873014 rgb(135,48,20)
```
#983617
```
#983617 rgb(152,54,23)
```
#a93c19
```
#a93c19 rgb(169,60,25)
```
#ba421c
```
#ba421c rgb(186,66,28)
```
#cb481f
```
#cb481f rgb(203,72,31)
```
#dc4e21
```
#dc4e21 rgb(220,78,33)
```

Shade Color Variation

#e05b31
```
#e05b31 rgb(224,91,49)
```
#e36942
```
#e36942 rgb(227,105,66)
```
#e57653
```
#e57653 rgb(229,118,83)
```
#e88464
```
#e88464 rgb(232,132,100)
```
#ea9175
```
#ea9175 rgb(234,145,117)
```
#ed9f86
```
#ed9f86 rgb(237,159,134)
```
#efac97
```
#efac97 rgb(239,172,151)
```
#f2baa8
```
#f2baa8 rgb(242,186,168)
```
#f5c8b9
```
#f5c8b9 rgb(245,200,185)
```
#f7d5ca
```
#f7d5ca rgb(247,213,202)
```
#fae3db
```
#fae3db rgb(250,227,219)
```
#fcf0ec
```
#fcf0ec rgb(252,240,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#706866
```
#706866 rgb(112,104,102)
```
#78645e
```
#78645e rgb(120,100,94)
```
#806056
```
#806056 rgb(128,96,86)
```
#895c4d
```
#895c4d rgb(137,92,77)
```
#915745
```
#915745 rgb(145,87,69)
```
#99533d
```
#99533d rgb(153,83,61)
```
#a14f35
```
#a14f35 rgb(161,79,53)
```
#aa4b2c
```
#aa4b2c rgb(170,75,44)
```
#b24624
```
#b24624 rgb(178,70,36)
```
#ba421c
```
#ba421c rgb(186,66,28)
```
#c23e14
```
#c23e14 rgb(194,62,20)
```
#ca390c
```
#ca390c rgb(202,57,12)
```
#d33503
```
#d33503 rgb(211,53,3)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7131 Protanopia 1% of men
#8d6c1a Deuteranopia 1% of men
#be474b Tritanopia 0.001% of the population

Trichromacy

#936029 Protanomaly 1% of men, 0.01% of women
#9d5c1b Deuteranomaly 6% of men, 0.4% of women
#bd453a Tritanomaly 0.01% of the population

#ba421c hex color

#ba421c Color Information

#ba421c Color Conversion

Color Schemes with #ba421c

Alternatives to #ba421c

#ba421c Preview

Shades and Tints of #ba421c

Tones of #ba421c

Color Blindness Simulator