#ba5615 hex color

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

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

● #ba5615 color description : Strong orange.

The hexadecimal color #ba5615 has RGB values of R:186, G:86, B:21 and CMYK values of C:0, M:0.54, Y:0.89, K:0.27. Its decimal value is 12211733.

Hex triplet	ba5615	`#ba5615`
RGB Decimal	186, 86, 21	`rgb(186,86,21)`
RGB Percent	72.9, 33.7, 8.2	`rgb(72.9%,33.7%,8.2%)`
CMYK	0, 54, 89, 27
HSL	23.6°, 79.7, 40.6	`hsl(23.6,79.7%,40.6%)`
HSV (or HSB)	23.6°, 88.7, 72.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	48.45, 36.967, 52.291
XYZ	23.714, 17.151, 2.771
xyY	0.543, 0.393, 17.151
CIE-LCH	48.45, 64.038, 54.742
CIE-LUV	48.45, 81.908, 41.091
Hunter-Lab	41.414, 29.735, 25.022
Binary	10111010, 01010110, 00010101

#ba5615
```
#ba5615 rgb(186,86,21)
```
#1579ba
```
#1579ba rgb(21,121,186)
```

Complementary Color

#ba1526
```
#ba1526 rgb(186,21,38)
```
#ba5615
```
#ba5615 rgb(186,86,21)
```
#baa915
```
#baa915 rgb(186,169,21)
```

Analogous Color

#1526ba
```
#1526ba rgb(21,38,186)
```
#ba5615
```
#ba5615 rgb(186,86,21)
```
#15baa9
```
#15baa9 rgb(21,186,169)
```

Split Complementary Color

#5615ba
```
#5615ba rgb(86,21,186)
```
#ba5615
```
#ba5615 rgb(186,86,21)
```
#15ba56
```
#15ba56 rgb(21,186,86)
```

Triadic Color

#ba1579
```
#ba1579 rgb(186,21,121)
```
#ba5615
```
#ba5615 rgb(186,86,21)
```
#15ba56
```
#15ba56 rgb(21,186,86)
```
#1579ba
```
#1579ba rgb(21,121,186)
```

Tetradic Color

#75360d
```
#75360d rgb(117,54,13)
```
#8c4110
```
#8c4110 rgb(140,65,16)
```
#a34b12
```
#a34b12 rgb(163,75,18)
```
#ba5615
```
#ba5615 rgb(186,86,21)
```
#d16118
```
#d16118 rgb(209,97,24)
```
#e56c1d
```
#e56c1d rgb(229,108,29)
```
#e87b33
```
#e87b33 rgb(232,123,51)
```

Monochromatic Color

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

#ba2d15
```
#ba2d15 rgb(186,45,21)
```
#ba3b15
```
#ba3b15 rgb(186,59,21)
```
#ba4815
```
#ba4815 rgb(186,72,21)
```
#ba5615
```
#ba5615 rgb(186,86,21)
```
#ba6415
```
#ba6415 rgb(186,100,21)
```
#ba7215
```
#ba7215 rgb(186,114,21)
```
#ba7f15
```
#ba7f15 rgb(186,127,21)
```

Similar Colors

Text with hexadecimal color #ba5615

This text has a font color of #ba5615.

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

#ba5615 background color

This paragraph has a background color of #ba5615.

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

#ba5615 border color

This element has a border color of #ba5615.

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

CSS codes

.text {color:#ba5615;}

.background {background-color:#ba5615;}

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

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

#0a0501
```
#0a0501 rgb(10,5,1)
```
#1b0d03
```
#1b0d03 rgb(27,13,3)
```
#2d1505
```
#2d1505 rgb(45,21,5)
```
#3f1d07
```
#3f1d07 rgb(63,29,7)
```
#502509
```
#502509 rgb(80,37,9)
```
#622d0b
```
#622d0b rgb(98,45,11)
```
#73350d
```
#73350d rgb(115,53,13)
```
#853e0f
```
#853e0f rgb(133,62,15)
```
#974611
```
#974611 rgb(151,70,17)
```
#a84e13
```
#a84e13 rgb(168,78,19)
```
#ba5615
```
#ba5615 rgb(186,86,21)
```
#cc5e17
```
#cc5e17 rgb(204,94,23)
```
#dd6619
```
#dd6619 rgb(221,102,25)
```

Shade Color Variation

#e67024
```
#e67024 rgb(230,112,36)
```
#e87c35
```
#e87c35 rgb(232,124,53)
```
#ea8747
```
#ea8747 rgb(234,135,71)
```
#ec9358
```
#ec9358 rgb(236,147,88)
```
#ee9e6a
```
#ee9e6a rgb(238,158,106)
```
#f0aa7c
```
#f0aa7c rgb(240,170,124)
```
#f2b58d
```
#f2b58d rgb(242,181,141)
```
#f4c19f
```
#f4c19f rgb(244,193,159)
```
#f6ccb1
```
#f6ccb1 rgb(246,204,177)
```
#f8d7c2
```
#f8d7c2 rgb(248,215,194)
```
#fae3d4
```
#fae3d4 rgb(250,227,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 #ca5305 is the most saturated one.

#6a6765
```
#6a6765 rgb(106,103,101)
```
#72655d
```
#72655d rgb(114,101,93)
```
#7a6455
```
#7a6455 rgb(122,100,85)
```
#82624d
```
#82624d rgb(130,98,77)
```
#8a6045
```
#8a6045 rgb(138,96,69)
```
#925e3d
```
#925e3d rgb(146,94,61)
```
#9a5d35
```
#9a5d35 rgb(154,93,53)
```
#a25b2d
```
#a25b2d rgb(162,91,45)
```
#aa5925
```
#aa5925 rgb(170,89,37)
```
#b2581d
```
#b2581d rgb(178,88,29)
```
#ba5615
```
#ba5615 rgb(186,86,21)
```
#c2540d
```
#c2540d rgb(194,84,13)
```
#ca5305
```
#ca5305 rgb(202,83,5)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c685b Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a28 Protanopia 1% of men
#987412 Deuteranopia 1% of men
#bf595e Tritanopia 0.001% of the population

Trichromacy

#9a6d21 Protanomaly 1% of men, 0.01% of women
#a46913 Deuteranomaly 6% of men, 0.4% of women
#bd5743 Tritanomaly 0.01% of the population

#ba5615 hex color

#ba5615 Color Information

#ba5615 Color Conversion

Color Schemes with #ba5615

Alternatives to #ba5615

#ba5615 Preview

Shades and Tints of #ba5615

Tones of #ba5615

Color Blindness Simulator