#ba422d hex color

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

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

● #ba422d color description : Strong red.

The hexadecimal color #ba422d has RGB values of R:186, G:66, B:45 and CMYK values of C:0, M:0.65, Y:0.76, K:0.27. Its decimal value is 12206637.

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

CIE-LAB	44.98, 47.247, 38.142
XYZ	22.673, 14.527, 4.093
xyY	0.549, 0.352, 14.527
CIE-LCH	44.98, 60.722, 38.914
CIE-LUV	44.98, 94.034, 28.495
Hunter-Lab	38.115, 39.479, 20.314
Binary	10111010, 01000010, 00101101

#ba422d
```
#ba422d rgb(186,66,45)
```
#2da5ba
```
#2da5ba rgb(45,165,186)
```

Complementary Color

#ba2d5e
```
#ba2d5e rgb(186,45,94)
```
#ba422d
```
#ba422d rgb(186,66,45)
```
#ba892d
```
#ba892d rgb(186,137,45)
```

Analogous Color

#2d5eba
```
#2d5eba rgb(45,94,186)
```
#ba422d
```
#ba422d rgb(186,66,45)
```
#2dba89
```
#2dba89 rgb(45,186,137)
```

Split Complementary Color

#422dba
```
#422dba rgb(66,45,186)
```
#ba422d
```
#ba422d rgb(186,66,45)
```
#2dba42
```
#2dba42 rgb(45,186,66)
```

Triadic Color

#ba2da5
```
#ba2da5 rgb(186,45,165)
```
#ba422d
```
#ba422d rgb(186,66,45)
```
#2dba42
```
#2dba42 rgb(45,186,66)
```
#2da5ba
```
#2da5ba rgb(45,165,186)
```

Tetradic Color

#7c2c1e
```
#7c2c1e rgb(124,44,30)
```
#913323
```
#913323 rgb(145,51,35)
```
#a53b28
```
#a53b28 rgb(165,59,40)
```
#ba422d
```
#ba422d rgb(186,66,45)
```
#ce4a33
```
#ce4a33 rgb(206,74,51)
```
#d35c47
```
#d35c47 rgb(211,92,71)
```
#d86e5c
```
#d86e5c rgb(216,110,92)
```

Monochromatic Color

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

#ba2d3b
```
#ba2d3b rgb(186,45,59)
```
#ba2d30
```
#ba2d30 rgb(186,45,48)
```
#ba362d
```
#ba362d rgb(186,54,45)
```
#ba422d
```
#ba422d rgb(186,66,45)
```
#ba4e2d
```
#ba4e2d rgb(186,78,45)
```
#ba5a2d
```
#ba5a2d rgb(186,90,45)
```
#ba652d
```
#ba652d rgb(186,101,45)
```

Similar Colors

Text with hexadecimal color #ba422d

This text has a font color of #ba422d.

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

#ba422d background color

This paragraph has a background color of #ba422d.

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

#ba422d border color

This element has a border color of #ba422d.

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

CSS codes

.text {color:#ba422d;}

.background {background-color:#ba422d;}

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

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

#0c0403
```
#0c0403 rgb(12,4,3)
```
#1c0a07
```
#1c0a07 rgb(28,10,7)
```
#2c100b
```
#2c100b rgb(44,16,11)
```
#3c150e
```
#3c150e rgb(60,21,14)
```
#4b1b12
```
#4b1b12 rgb(75,27,18)
```
#5b2016
```
#5b2016 rgb(91,32,22)
```
#6b261a
```
#6b261a rgb(107,38,26)
```
#7b2c1e
```
#7b2c1e rgb(123,44,30)
```
#8b3122
```
#8b3122 rgb(139,49,34)
```
#9a3725
```
#9a3725 rgb(154,55,37)
```
#aa3c29
```
#aa3c29 rgb(170,60,41)
```
#ba422d
```
#ba422d rgb(186,66,45)
```
#ca4831
```
#ca4831 rgb(202,72,49)
```

Shade Color Variation

#d0543e
```
#d0543e rgb(208,84,62)
```
#d4624e
```
#d4624e rgb(212,98,78)
```
#d8705e
```
#d8705e rgb(216,112,94)
```
#dc7e6d
```
#dc7e6d rgb(220,126,109)
```
#e08c7d
```
#e08c7d rgb(224,140,125)
```
#e39a8d
```
#e39a8d rgb(227,154,141)
```
#e7a89d
```
#e7a89d rgb(231,168,157)
```
#ebb6ac
```
#ebb6ac rgb(235,182,172)
```
#efc4bc
```
#efc4bc rgb(239,196,188)
```
#f3d2cc
```
#f3d2cc rgb(243,210,204)
```
#f7e0dc
```
#f7e0dc rgb(247,224,220)
```
#faeeec
```
#faeeec rgb(250,238,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#7c6e6b
```
#7c6e6b rgb(124,110,107)
```
#856762
```
#856762 rgb(133,103,98)
```
#8e6159
```
#8e6159 rgb(142,97,89)
```
#965b51
```
#965b51 rgb(150,91,81)
```
#9f5548
```
#9f5548 rgb(159,85,72)
```
#a84e3f
```
#a84e3f rgb(168,78,63)
```
#b14836
```
#b14836 rgb(177,72,54)
```
#ba422d
```
#ba422d rgb(186,66,45)
```
#c33c24
```
#c33c24 rgb(195,60,36)
```
#cc361b
```
#cc361b rgb(204,54,27)
```
#d52f12
```
#d52f12 rgb(213,47,18)
```
#de2909
```
#de2909 rgb(222,41,9)
```
#e62301
```
#e62301 rgb(230,35,1)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#745c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7243 Protanopia 1% of men
#8c6c2f Deuteranopia 1% of men
#be494c Tritanopia 0.001% of the population

Trichromacy

#93603b Protanomaly 1% of men, 0.01% of women
#9d5d2e Deuteranomaly 6% of men, 0.4% of women
#bc4641 Tritanomaly 0.01% of the population

#ba422d hex color

#ba422d Color Information

#ba422d Color Conversion

Color Schemes with #ba422d

Alternatives to #ba422d

#ba422d Preview

Shades and Tints of #ba422d

Tones of #ba422d

Color Blindness Simulator