#ba5315 hex color

In a RGB color space, hex #ba5315 is composed of 72.9% red, 32.5% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 88.7% yellow and 27.1% black. It has a hue angle of 22.5 degrees, a saturation of 79.7% and a lightness of 40.6%. #ba5315 color hex could be obtained by blending #ffa62a with #750000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 33
- B 8
RGB color chart
- C 0
- M 55
- Y 89
- K 27
CMYK color chart

● #ba5315 color description : Strong orange.

The hexadecimal color #ba5315 has RGB values of R:186, G:83, B:21 and CMYK values of C:0, M:0.55, Y:0.89, K:0.27. Its decimal value is 12210965.

Hex triplet	ba5315	`#ba5315`
RGB Decimal	186, 83, 21	`rgb(186,83,21)`
RGB Percent	72.9, 32.5, 8.2	`rgb(72.9%,32.5%,8.2%)`
CMYK	0, 55, 89, 27
HSL	22.5°, 79.7, 40.6	`hsl(22.5,79.7%,40.6%)`
HSV (or HSB)	22.5°, 88.7, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	47.857, 38.481, 51.827
XYZ	23.479, 16.682, 2.693
xyY	0.548, 0.389, 16.682
CIE-LCH	47.857, 64.551, 53.406
CIE-LUV	47.857, 84.267, 40.108
Hunter-Lab	40.844, 31.135, 24.681
Binary	10111010, 01010011, 00010101

#ba5315
```
#ba5315 rgb(186,83,21)
```
#157cba
```
#157cba rgb(21,124,186)
```

Complementary Color

#ba152a
```
#ba152a rgb(186,21,42)
```
#ba5315
```
#ba5315 rgb(186,83,21)
```
#baa615
```
#baa615 rgb(186,166,21)
```

Analogous Color

#152aba
```
#152aba rgb(21,42,186)
```
#ba5315
```
#ba5315 rgb(186,83,21)
```
#15baa6
```
#15baa6 rgb(21,186,166)
```

Split Complementary Color

#5315ba
```
#5315ba rgb(83,21,186)
```
#ba5315
```
#ba5315 rgb(186,83,21)
```
#15ba53
```
#15ba53 rgb(21,186,83)
```

Triadic Color

#ba157c
```
#ba157c rgb(186,21,124)
```
#ba5315
```
#ba5315 rgb(186,83,21)
```
#15ba53
```
#15ba53 rgb(21,186,83)
```
#157cba
```
#157cba rgb(21,124,186)
```

Tetradic Color

#75340d
```
#75340d rgb(117,52,13)
```
#8c3f10
```
#8c3f10 rgb(140,63,16)
```
#a34912
```
#a34912 rgb(163,73,18)
```
#ba5315
```
#ba5315 rgb(186,83,21)
```
#d15d18
```
#d15d18 rgb(209,93,24)
```
#e5681d
```
#e5681d rgb(229,104,29)
```
#e87733
```
#e87733 rgb(232,119,51)
```

Monochromatic Color

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

#ba2a15
```
#ba2a15 rgb(186,42,21)
```
#ba3815
```
#ba3815 rgb(186,56,21)
```
#ba4515
```
#ba4515 rgb(186,69,21)
```
#ba5315
```
#ba5315 rgb(186,83,21)
```
#ba6115
```
#ba6115 rgb(186,97,21)
```
#ba6f15
```
#ba6f15 rgb(186,111,21)
```
#ba7c15
```
#ba7c15 rgb(186,124,21)
```

Similar Colors

Text with hexadecimal color #ba5315

This text has a font color of #ba5315.

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

#ba5315 background color

This paragraph has a background color of #ba5315.

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

#ba5315 border color

This element has a border color of #ba5315.

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

CSS codes

.text {color:#ba5315;}

.background {background-color:#ba5315;}

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

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

#0a0401
```
#0a0401 rgb(10,4,1)
```
#1b0c03
```
#1b0c03 rgb(27,12,3)
```
#2d1405
```
#2d1405 rgb(45,20,5)
```
#3f1c07
```
#3f1c07 rgb(63,28,7)
```
#502409
```
#502409 rgb(80,36,9)
```
#622c0b
```
#622c0b rgb(98,44,11)
```
#73340d
```
#73340d rgb(115,52,13)
```
#853b0f
```
#853b0f rgb(133,59,15)
```
#974311
```
#974311 rgb(151,67,17)
```
#a84b13
```
#a84b13 rgb(168,75,19)
```
#ba5315
```
#ba5315 rgb(186,83,21)
```
#cc5b17
```
#cc5b17 rgb(204,91,23)
```
#dd6319
```
#dd6319 rgb(221,99,25)
```

Shade Color Variation

#e66d24
```
#e66d24 rgb(230,109,36)
```
#e87835
```
#e87835 rgb(232,120,53)
```
#ea8447
```
#ea8447 rgb(234,132,71)
```
#ec9058
```
#ec9058 rgb(236,144,88)
```
#ee9c6a
```
#ee9c6a rgb(238,156,106)
```
#f0a77c
```
#f0a77c rgb(240,167,124)
```
#f2b38d
```
#f2b38d rgb(242,179,141)
```
#f4bf9f
```
#f4bf9f rgb(244,191,159)
```
#f6cbb1
```
#f6cbb1 rgb(246,203,177)
```
#f8d6c2
```
#f8d6c2 rgb(248,214,194)
```
#fae2d4
```
#fae2d4 rgb(250,226,212)
```
#fceee5
```
#fceee5 rgb(252,238,229)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#6a6765
```
#6a6765 rgb(106,103,101)
```
#72655d
```
#72655d rgb(114,101,93)
```
#7a6355
```
#7a6355 rgb(122,99,85)
```
#82614d
```
#82614d rgb(130,97,77)
```
#8a5f45
```
#8a5f45 rgb(138,95,69)
```
#925d3d
```
#925d3d rgb(146,93,61)
```
#9a5b35
```
#9a5b35 rgb(154,91,53)
```
#a2592d
```
#a2592d rgb(162,89,45)
```
#aa5725
```
#aa5725 rgb(170,87,37)
```
#b2551d
```
#b2551d rgb(178,85,29)
```
#ba5315
```
#ba5315 rgb(186,83,21)
```
#c2510d
```
#c2510d rgb(194,81,13)
```
#ca4f05
```
#ca4f05 rgb(202,79,5)
```

Tone Color Variation

Below, you can see how #ba5315 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
#7b665a Atypical Achromatopsia 0.001% of the population

Dichromacy

#867928 Protanopia 1% of men
#977312 Deuteranopia 1% of men
#bf565b Tritanopia 0.001% of the population

Trichromacy

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

#ba5315 hex color

#ba5315 Color Information

#ba5315 Color Conversion

Color Schemes with #ba5315

Alternatives to #ba5315

#ba5315 Preview

Shades and Tints of #ba5315

Tones of #ba5315

Color Blindness Simulator