#ba4d2e hex color

In a RGB color space, hex #ba4d2e is composed of 72.9% red, 30.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.6% magenta, 75.3% yellow and 27.1% black. It has a hue angle of 13.3 degrees, a saturation of 60.3% and a lightness of 45.5%. #ba4d2e color hex could be obtained by blending #ff9a5c with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 30
- B 18
RGB color chart
- C 0
- M 59
- Y 75
- K 27
CMYK color chart

● #ba4d2e color description : Strong red.

The hexadecimal color #ba4d2e has RGB values of R:186, G:77, B:46 and CMYK values of C:0, M:0.59, Y:0.75, K:0.27. Its decimal value is 12209454.

Hex triplet	ba4d2e	`#ba4d2e`
RGB Decimal	186, 77, 46	`rgb(186,77,46)`
RGB Percent	72.9, 30.2, 18	`rgb(72.9%,30.2%,18%)`
CMYK	0, 59, 75, 27
HSL	13.3°, 60.3, 45.5	`hsl(13.3,60.3%,45.5%)`
HSV (or HSB)	13.3°, 75.3, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	46.904, 42.224, 39.665
XYZ	23.398, 15.947, 4.431
xyY	0.535, 0.364, 15.947
CIE-LCH	46.904, 57.933, 43.21
CIE-LUV	46.904, 86.217, 31.629
Hunter-Lab	39.933, 34.704, 21.375
Binary	10111010, 01001101, 00101110

#ba4d2e
```
#ba4d2e rgb(186,77,46)
```
#2e9bba
```
#2e9bba rgb(46,155,186)
```

Complementary Color

#ba2e55
```
#ba2e55 rgb(186,46,85)
```
#ba4d2e
```
#ba4d2e rgb(186,77,46)
```
#ba932e
```
#ba932e rgb(186,147,46)
```

Analogous Color

#2e55ba
```
#2e55ba rgb(46,85,186)
```
#ba4d2e
```
#ba4d2e rgb(186,77,46)
```
#2eba93
```
#2eba93 rgb(46,186,147)
```

Split Complementary Color

#4d2eba
```
#4d2eba rgb(77,46,186)
```
#ba4d2e
```
#ba4d2e rgb(186,77,46)
```
#2eba4d
```
#2eba4d rgb(46,186,77)
```

Triadic Color

#ba2e9b
```
#ba2e9b rgb(186,46,155)
```
#ba4d2e
```
#ba4d2e rgb(186,77,46)
```
#2eba4d
```
#2eba4d rgb(46,186,77)
```
#2e9bba
```
#2e9bba rgb(46,155,186)
```

Tetradic Color

#7d341f
```
#7d341f rgb(125,52,31)
```
#913c24
```
#913c24 rgb(145,60,36)
```
#a64529
```
#a64529 rgb(166,69,41)
```
#ba4d2e
```
#ba4d2e rgb(186,77,46)
```
#cd5635
```
#cd5635 rgb(205,86,53)
```
#d26749
```
#d26749 rgb(210,103,73)
```
#d7785d
```
#d7785d rgb(215,120,93)
```

Monochromatic Color

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

#ba2e32
```
#ba2e32 rgb(186,46,50)
```
#ba362e
```
#ba362e rgb(186,54,46)
```
#ba412e
```
#ba412e rgb(186,65,46)
```
#ba4d2e
```
#ba4d2e rgb(186,77,46)
```
#ba592e
```
#ba592e rgb(186,89,46)
```
#ba642e
```
#ba642e rgb(186,100,46)
```
#ba702e
```
#ba702e rgb(186,112,46)
```

Similar Colors

Text with hexadecimal color #ba4d2e

This text has a font color of #ba4d2e.

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

#ba4d2e background color

This paragraph has a background color of #ba4d2e.

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

#ba4d2e border color

This element has a border color of #ba4d2e.

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

CSS codes

.text {color:#ba4d2e;}

.background {background-color:#ba4d2e;}

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

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

#0d0503
```
#0d0503 rgb(13,5,3)
```
#1d0c07
```
#1d0c07 rgb(29,12,7)
```
#2c120b
```
#2c120b rgb(44,18,11)
```
#3c190f
```
#3c190f rgb(60,25,15)
```
#4c1f13
```
#4c1f13 rgb(76,31,19)
```
#5c2617
```
#5c2617 rgb(92,38,23)
```
#6b2c1b
```
#6b2c1b rgb(107,44,27)
```
#7b331e
```
#7b331e rgb(123,51,30)
```
#8b3922
```
#8b3922 rgb(139,57,34)
```
#9b4026
```
#9b4026 rgb(155,64,38)
```
#aa462a
```
#aa462a rgb(170,70,42)
```
#ba4d2e
```
#ba4d2e rgb(186,77,46)
```
#ca5432
```
#ca5432 rgb(202,84,50)
```

Shade Color Variation

#d05f40
```
#d05f40 rgb(208,95,64)
```
#d46d4f
```
#d46d4f rgb(212,109,79)
```
#d77a5f
```
#d77a5f rgb(215,122,95)
```
#db876f
```
#db876f rgb(219,135,111)
```
#df947e
```
#df947e rgb(223,148,126)
```
#e3a18e
```
#e3a18e rgb(227,161,142)
```
#e7ae9e
```
#e7ae9e rgb(231,174,158)
```
#ebbbae
```
#ebbbae rgb(235,187,174)
```
#efc8bd
```
#efc8bd rgb(239,200,189)
```
#f3d5cd
```
#f3d5cd rgb(243,213,205)
```
#f7e3dd
```
#f7e3dd rgb(247,227,221)
```
#faf0ed
```
#faf0ed rgb(250,240,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#7c706c
```
#7c706c rgb(124,112,108)
```
#846b64
```
#846b64 rgb(132,107,100)
```
#8d665b
```
#8d665b rgb(141,102,91)
```
#966152
```
#966152 rgb(150,97,82)
```
#9f5c49
```
#9f5c49 rgb(159,92,73)
```
#a85740
```
#a85740 rgb(168,87,64)
```
#b15237
```
#b15237 rgb(177,82,55)
```
#ba4d2e
```
#ba4d2e rgb(186,77,46)
```
#c34825
```
#c34825 rgb(195,72,37)
```
#cc431c
```
#cc431c rgb(204,67,28)
```
#d53e13
```
#d53e13 rgb(213,62,19)
```
#de390a
```
#de390a rgb(222,57,10)
```
#e73401
```
#e73401 rgb(231,52,1)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7a645e Atypical Achromatopsia 0.001% of the population

Dichromacy

#827642 Protanopia 1% of men
#927131 Deuteranopia 1% of men
#be5257 Tritanopia 0.001% of the population

Trichromacy

#96673b Protanomaly 1% of men, 0.01% of women
#a06430 Deuteranomaly 6% of men, 0.4% of women
#bd5048 Tritanomaly 0.01% of the population

#ba4d2e hex color

#ba4d2e Color Information

#ba4d2e Color Conversion

Color Schemes with #ba4d2e

Alternatives to #ba4d2e

#ba4d2e Preview

Shades and Tints of #ba4d2e

Tones of #ba4d2e

Color Blindness Simulator