colorhexa.com

#ba5313 hex color

In a RGB color space, hex #ba5313 is composed of 72.9% red, 32.5% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 89.8% yellow and 27.1% black. It has a hue angle of 23 degrees, a saturation of 81.5% and a lightness of 40.2%. #ba5313 color hex could be obtained by blending #ffa626 with #750000. Closest websafe color is: #cc6600.

- R 73
- G 33
- B 7
RGB color chart
- C 0
- M 55
- Y 90
- K 27
CMYK color chart

● #ba5313 color description : Strong orange.

The hexadecimal color #ba5313 has RGB values of R:186, G:83, B:19 and CMYK values of C:0, M:0.55, Y:0.9, K:0.27. Its decimal value is 12210963.

Hex triplet	ba5313	`#ba5313`
RGB Decimal	186, 83, 19	`rgb(186,83,19)`
RGB Percent	72.9, 32.5, 7.5	`rgb(72.9%,32.5%,7.5%)`
CMYK	0, 55, 90, 27
HSL	23°, 81.5, 40.2	`hsl(23,81.5%,40.2%)`
HSV (or HSB)	23°, 89.8, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	47.848, 38.441, 52.496
XYZ	23.461, 16.675, 2.599
xyY	0.549, 0.39, 16.675
CIE-LCH	47.848, 65.066, 53.786
CIE-LUV	47.848, 84.393, 40.437
Hunter-Lab	40.835, 31.095, 24.811
Binary	10111010, 01010011, 00010011

#ba5313
```
#ba5313 rgb(186,83,19)
```
#137aba
```
#137aba rgb(19,122,186)
```

Complementary Color

#ba1327
```
#ba1327 rgb(186,19,39)
```
#ba5313
```
#ba5313 rgb(186,83,19)
```
#baa713
```
#baa713 rgb(186,167,19)
```

Analogous Color

#1327ba
```
#1327ba rgb(19,39,186)
```
#ba5313
```
#ba5313 rgb(186,83,19)
```
#13baa7
```
#13baa7 rgb(19,186,167)
```

Split Complementary Color

#5313ba
```
#5313ba rgb(83,19,186)
```
#ba5313
```
#ba5313 rgb(186,83,19)
```
#13ba53
```
#13ba53 rgb(19,186,83)
```

Triadic Color

#ba137a
```
#ba137a rgb(186,19,122)
```
#ba5313
```
#ba5313 rgb(186,83,19)
```
#13ba53
```
#13ba53 rgb(19,186,83)
```
#137aba
```
#137aba rgb(19,122,186)
```

Tetradic Color

#75340c
```
#75340c rgb(117,52,12)
```
#8c3e0e
```
#8c3e0e rgb(140,62,14)
```
#a34911
```
#a34911 rgb(163,73,17)
```
#ba5313
```
#ba5313 rgb(186,83,19)
```
#d15d15
```
#d15d15 rgb(209,93,21)
```
#e76819
```
#e76819 rgb(231,104,25)
```
#ea7730
```
#ea7730 rgb(234,119,48)
```

Monochromatic Color

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

#ba2913
```
#ba2913 rgb(186,41,19)
```
#ba3713
```
#ba3713 rgb(186,55,19)
```
#ba4513
```
#ba4513 rgb(186,69,19)
```
#ba5313
```
#ba5313 rgb(186,83,19)
```
#ba6113
```
#ba6113 rgb(186,97,19)
```
#ba6f13
```
#ba6f13 rgb(186,111,19)
```
#ba7d13
```
#ba7d13 rgb(186,125,19)
```

Similar Colors

Text with hexadecimal color #ba5313

This text has a font color of #ba5313.

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

#ba5313 background color

This paragraph has a background color of #ba5313.

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

#ba5313 border color

This element has a border color of #ba5313.

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

CSS codes

.text {color:#ba5313;}

.background {background-color:#ba5313;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#1a0c03
```
#1a0c03 rgb(26,12,3)
```
#2c1304
```
#2c1304 rgb(44,19,4)
```
#3d1b06
```
#3d1b06 rgb(61,27,6)
```
#4f2308
```
#4f2308 rgb(79,35,8)
```
#612b0a
```
#612b0a rgb(97,43,10)
```
#73330c
```
#73330c rgb(115,51,12)
```
#853b0e
```
#853b0e rgb(133,59,14)
```
#96430f
```
#96430f rgb(150,67,15)
```
#a84b11
```
#a84b11 rgb(168,75,17)
```
#ba5313
```
#ba5313 rgb(186,83,19)
```
#cc5b15
```
#cc5b15 rgb(204,91,21)
```
#de6317
```
#de6317 rgb(222,99,23)
```

Shade Color Variation

#e86d20
```
#e86d20 rgb(232,109,32)
```
#ea7831
```
#ea7831 rgb(234,120,49)
```
#ec8443
```
#ec8443 rgb(236,132,67)
```
#ee9055
```
#ee9055 rgb(238,144,85)
```
#ef9b67
```
#ef9b67 rgb(239,155,103)
```
#f1a779
```
#f1a779 rgb(241,167,121)
```
#f3b38a
```
#f3b38a rgb(243,179,138)
```
#f5be9c
```
#f5be9c rgb(245,190,156)
```
#f7caae
```
#f7caae rgb(247,202,174)
```
#f9d6c0
```
#f9d6c0 rgb(249,214,192)
```
#fae1d2
```
#fae1d2 rgb(250,225,210)
```
#fcede3
```
#fcede3 rgb(252,237,227)
```
#fef9f5
```
#fef9f5 rgb(254,249,245)
```

Tint Color Variation

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

#6b6562
```
#6b6562 rgb(107,101,98)
```
#73645a
```
#73645a rgb(115,100,90)
```
#7b6252
```
#7b6252 rgb(123,98,82)
```
#83604a
```
#83604a rgb(131,96,74)
```
#8b5e42
```
#8b5e42 rgb(139,94,66)
```
#935c3a
```
#935c3a rgb(147,92,58)
```
#9a5a33
```
#9a5a33 rgb(154,90,51)
```
#a2592b
```
#a2592b rgb(162,89,43)
```
#aa5723
```
#aa5723 rgb(170,87,35)
```
#b2551b
```
#b2551b rgb(178,85,27)
```
#ba5313
```
#ba5313 rgb(186,83,19)
```
#c2510b
```
#c2510b rgb(194,81,11)
```
#ca4f03
```
#ca4f03 rgb(202,79,3)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b6659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867926 Protanopia 1% of men
#97730d Deuteranopia 1% of men
#bf565b Tritanopia 0.001% of the population

Trichromacy

#996b1f Protanomaly 1% of men, 0.01% of women
#a3670f Deuteranomaly 6% of men, 0.4% of women
#bd5541 Tritanomaly 0.01% of the population